как вывести див по клику
 

у меня есть <div class="slider"></div> он выводится в цикле

<?php
$id = 1;
$sql= "SELECT url,name FROM mp3";
mysql_query("SET NAMES utf8");
$result = mysql_query($sql) or die(mysql_error());
while($row = mysql_fetch_assoc($result)){
print <<<HERE
<div class="track">
	<div class="botton">
		<div class="play" id="$id" file="$row[url]"></div>
		
		<div class="pause"></div>	
	
	</div>
	<div class="nameTrack">$row[name]</div>	
	<div class="slider"></div>
    <div class="clear"></div>
</div>

HERE;
$id++;

}

?>

и скрыт при помощи display: none; а выводит его jQuery при помощи

$(".play").click(function(){

 $(".slider").fadeIn(100);

return false

всё работает но мне надо чтобы при нажатии этот див выводился только один раз возле элемента на который я нажал А выводится сколько записей столько и выводится

this - указывает на то что ты щёлкнул
и слайдер и кнопка внутри одного родительского контейнера
значит нам нужно перейти на родительский контейнер, нажатой кнопки и найти там слайдер

$(".play").click(function(){
   $(this).parent().parent().find(".slider").fadeIn(100);
   return false
}

Просто огромное спасибо