Добавить появляющийся блок
Всем привет.
Я делаю добавление контента посредством JS - $('ul').append( '<li><div id="line1">' + val.club + '</div><div class="detail">То что будет показано при клике</div></li>'); а вот дивку с классом detail я хотел бы показывать при нажатии по кнопке $(".btn").click(function(){ $('.detail').slideToggle("fast"); }); Но дело в том, что у меня много линий (li), а показать detail мне нужно именно для той, где была кликнута кнопка. Подскажите пожалуйста - возможно ли так сделать? |
Зосимов,
а где кнопа btn? |
Цитата:
<li><button class="btn">кнопка</button><div id="line1">' + val.club + '</div><div class="detail">То что будет показано при клике</div></li> может даже тут быть. но суть в том, что бы открыть для каждой строки свой deatail |
При твоей разметке такой код
$(".btn").click(function(){ $(this).parent().find('.detail').slideToggle("fast"); }); |
Цитата:
сделал так $('ul.'+liDay).append( '<li><div id="line1">Название клуба</div><br /><div class="detail">То что будет показано при клике</div></li>'); }); }); $("li").click(function(){ $(this).parent().find('.detail').slideToggle("fast"); }); но в этом случае, показываются все detail для всех li при клике ( |
вот так получается при клике на строку .. |
Цитата:
$("li").click(function(){ $(this).find('.detail').slideToggle("fast"); }); |
Цитата:
а не можете подсказать - почему все таки клик по кнопке в данном случае не работает? $('ul.'+liDay).append( '<li><div id="line1">Название клуба</div><br /><div class="detail">То что будет показано при клике</div><button class="btn">Показать</button></li>); }); }); $(".btn").click(function(){ $(this).find('.detail').slideToggle("fast"); }); может кнопка так сказать появляется позже, и на нее не привязывается событие клик? |
Цитата:
|
Часовой пояс GMT +3, время: 18:50. |