Показать сообщение отдельно
  #9 (permalink)  
Старый 25.12.2013, 15:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Иззет,
Вариант без toggle ...
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .table{
      display: none;
    }
    h3{
      cursor: pointer;
    }

  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<h3>Заголовок</h3>
<div class="table">Контент</div>
<h3>Заголовок</h3>
<div class="table">Контент</div>
<script>
var $table = $('.table');
$('h3').click(function ()
{
   var $next = $(this).next('.table');
   $table.not($next).slideUp(500);
   $next.slideToggle(500)
});
</script>
</body>
</html>

Последний раз редактировалось рони, 25.12.2013 в 15:39.
Ответить с цитированием