Несколько выпадющих блоков с помощью slideToggle
 

Добрый день.
Есть вот такой скрипт.

$(document).ready(function(){
      $(".hider").click(function(){
        $("#hidden").slideToggle("slow");
        return false;
    });
});

Его задача при щелчке на элемент с классом hider отобразить или скрыть элемент с id hidden. Загвоздка в том что уже который день бьюсь над тем как преобразовать его если у меня несколько таких элементов, так чтоб не писать функцию под каждый id
Вот пример 2 пунктов

<h4 class="hider">Качество</h4>
          <div id="hidden" style="display: none;">
             <ul class="list-2">
               <li>Наши мастера стремятся качественно работать.</li>
              </ul>
           </div>
            <h4 class="hider">Бесплатная диагностика</h4>
             <div id="hidden" style="display: none;">                  
               <ul class="list-2">
                <li>Диагностика в нашем центре бесплатна.</li>
                </ul>
               </div>

Заранее благодарен за помощь.

inlska,
а зачем div-ы в вашем коде нужны?

.list-2 {display: none;}

$(this).next().slideToggle("slow");

inlska,
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Спасибо. Все заработало. Дивы убрал, пережитки предыдущего кода.