Показать сообщение отдельно
  #4 (permalink)  
Старый 26.09.2013, 14:08
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Mrjoey,
и что не так ?
<!DOCTYPE HTML>

<html>

<head>
  <meta charset="utf-8">
  <title>Untitled</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <script>
    $(function() {
		$('.accordeon-content').not(':first').hide();
                           $('.accordeon-content:first').addClass('active')
		$('.accordeon-caption').click(function() {
			$(this).next('.accordeon-content').toggleClass('active').slideToggle(600);
		})
	})

</script>
</head>

<body>

 <dl class="accordeon">
  <dt class="accordeon-caption">Заголовок</dt>
  <dd class="accordeon-content">
123
  </dd>
  <dt class="accordeon-caption">Заголовок</dt>
  <dd class="accordeon-content">
567
  </dd>
  <dt class="accordeon-caption">Заголовок</dt>
  <dd class="accordeon-content">
890
  </dd>
</dl>

</body>

</html>

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