как передать 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, время: 14:45. |