Добавить появляющийся блок

[Зосимов]

Всем привет.
Я делаю добавление контента посредством 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?

[Зосимов]

Зосимов,
а где кнопа btn?

<li><button class="btn">кнопка</button><div id="line1">' + val.club + '</div><div class="detail">То что будет показано при клике</div></li>

может даже тут быть.
но суть в том, что бы открыть для каждой строки свой deatail

[krasovsky]

При твоей разметке такой код

$(".btn").click(function(){
        $(this).parent().find('.detail').slideToggle("fast");
   });

[Зосимов]

$(".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 при клике (

[Зосимов]

вот так получается при клике на строку ..

[krasovsky]

$('ul.'+liDay).append(
		'<li><div id="line1">Название клуба</div><br /><div class="detail">То что будет показано при клике</div></li>'); 
          });
    });

   $("li").click(function(){ 
     $(this).parent().find('.detail').slideToggle("fast");
   });

ну так убери парент )) Совсем не смотрел код что ли )

$("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");
   });

может кнопка так сказать появляется позже, и на нее не привязывается событие клик?

[рони]

$(this).find('.detail').

$(this).prev().