Всплывающие блоки
Есть такая конструкция
<div class="block">
текст.....
<div class="popup" style="display:none">
то что всплывает....
</div>
</div>
<div class="block">
текст.....
<div class="popup" style="display:none">
то что всплывает....
</div>
</div>
....
<div class="block">
текст.....
<div class="popup" style="display:none">
то что всплывает....
</div>
</div>
Нужно чтобы при нажатии на class="block" появлялся блок popup. Я знаю как сделать простейшее появление блока но только если каждому назначен уникальный id либо класс, а тут нужно показывать блоки по родителю: т.е нажимаем на родителя block должен показаться его дочерний блок popup (а не все popup сразу) |
segajb,
<!DOCTYPE HTML>
<html>
<head>
<meta charset="windows-1251" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$(".block").click(function(){
$(this).find(".popup").slideToggle() ;
});
});
</script>
</head>
<body>
<div class="block" >
текст.....
<div class="popup" style="display:none">
то что всплывает....
</div>
</div>
<div class="block">
текст.....
<div class="popup" style="display:none">
то что всплывает....
</div>
</div>
<div class="block">
текст.....
<div class="popup" style="display:none">
то что всплывает....
</div>
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 10:44. |