jQuery

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>

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