как передать 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 со скрытым текстом? Заранее благодарен за помощь. |
Если вы имели ввиду вот такую верстку
<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') |
если уж 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'); }); |
Спасибо.
Ступил, действительно, с parent_hidden_text всё получилось. |
Еще красивый вариант
$('#3434').click(function(){ $('.hidden_text',this).css('display', 'block'); }); |
Часовой пояс GMT +3, время: 20:17. |