Форум

segajb · #1 (**permalink**) 14.01.2013, 17:26

Есть такая конструкция

<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 сразу)

рони · #2 (**permalink**) 14.01.2013, 18:02

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>

Форум

Справочник

Discord чат

Курсы javascript