08.04.2014 JQuery - селектор по тексту без учета регистра 10.04.2013 jQuery редактирование таблиц 13.12.2012 jScrollPane 2 - прокрутка контента вниз (autoReinitialise и scrollToBottom) 12.12.2012 jQuery 1.7 метод on - замена bind, live, delegate 16.03.2012 Мгновенный поиск результатов на JQUERY 29.02.2012 Увеличение изображения по клику jQuery 29.02.2012 Замена стандартного ALERT с помощью JQUERY 29.02.2012 JQUERY: как вести логи действий пользователя
#123

JQUERY: раскрывающийся список

Как создать раскрывающийся список на JQUERY.

  1. Подключаем JQUERY.
  2. Далее идет следующий JS код:
    1. <script type="text/javascript">
    2. 	$(document).ready(function(){
    3. 		$("h2 a").click(function(){
    4. 			$(this).parent().next().slideToggle();
    5. 		});
    6. 	});
    7. </script>

  3. А сам html в этом случае будет выглядить так:
    1. <div class="box">
    2. 	<h2><a href="#">Раскрывающийся список</a></h2>
    3. 	<div style="display:none;">
    4.         	  Скрытый текст.
    5. 	</div>
    6. </div>

    Таких списков на странице может быть сколько угодно.

29.02.2012 JQUERY: раскрывающийся список 30.10.2011 Модальное окно как вконтакте
О сайте