Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   как передать this и показать по нему скрытый текст (https://javascript.ru/forum/jquery/33515-kak-peredat-i-pokazat-po-nemu-skrytyjj-tekst.html)

mbp64 26.11.2012 14:18

как передать this и показать по нему скрытый текст
 
есть список, состоящий из элементов примерно такого вида:
<div id="3434" onclick="showhidden(this);">
<div class="news_header">12.12.2012 Конец света</div>
<div class="news_announce">блабла</div>
<div class="hidden_text">скрытый текст новости</div>
<div>
....

в css прописано

.hidden_text { dipslay: none; }

как получить ссылку на скрытый текст и показать только его?
Или нужно прописывать id для каждого div со скрытым текстом?

Заранее благодарен за помощь.

Casufi 26.11.2012 14:33

Если вы имели ввиду вот такую верстку
<div id="3434" onclick="showhidden(this);">
<div class="news_header">12.12.2012 Конец света</div>
<div class="news_announce">блабла</div>
<div class="hidden_text" style="display:none">скрытый текст новости</div>
</div>


$('#3434').children('.hidden_text')

Serg_pnz 26.11.2012 14:34

если уж jQuery, то
$('#3434').click(function(){
$(this).children('.hidden_text').css('display', 'block');
});

но у тебя список и надо бы как-то так
<div id="разные-ид" class="parent_hidden_text">
<div class="news_header">12.12.2012 Конец света</div>
<div class="news_announce">блабла</div>
<div class="hidden_text">скрытый текст новости</div>
<div>
...
еще элементы списка


$('div.parent_hidden_text').click(function(){
$(this).children('.hidden_text').css('display', 'block');
});

mbp64 26.11.2012 14:43

Спасибо.
Ступил, действительно, с parent_hidden_text всё получилось.

Casufi 26.11.2012 14:52

Еще красивый вариант

$('#3434').click(function(){
  $('.hidden_text',this).css('display', 'block');
});


Часовой пояс GMT +3, время: 20:17.