Показать сообщение отдельно
  #6 (permalink)  
Старый 27.06.2015, 18:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Открывашка 220 дубль
djonA,
Раскрывающееся меню на jQuery
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    span { display:  block; cursor: pointer;}
</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
   $(function ()
{
      $('.div').each(function(index, el) {
        var a = $(this).prev();
        a.click(function() {
          $(el).slideToggle(200);
      return false;
    });
  });

})
  </script>
</head>

<body>
<span onclick="свернуть div">Свернуть</span>
<div class="div">1</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">2</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">3</div>

<span onclick="свернуть div">Свернуть</span>
<div class="div">4</div>

</body>
</html>
Ответить с цитированием