Показать сообщение отдельно
  #1 (permalink)  
Старый 15.03.2015, 22:39
Новичок на форуме
Отправить личное сообщение для inlska Посмотреть профиль Найти все сообщения от inlska
 
Регистрация: 15.03.2015
Сообщений: 2

Несколько выпадющих блоков с помощью 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, 16.03.2015 в 00:12.
Ответить с цитированием