Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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.
Ответить с цитированием
  #2 (permalink)  
Старый 15.03.2015, 23:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

inlska,
а зачем div-ы в вашем коде нужны?
.list-2 {display: none;}

Сообщение от inlska
$("#hidden").slideToggle("slow");
$(this).next().slideToggle("slow");
Ответить с цитированием
  #3 (permalink)  
Старый 15.03.2015, 23:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

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

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
  #4 (permalink)  
Старый 16.03.2015, 00:13
Новичок на форуме
Отправить личное сообщение для inlska Посмотреть профиль Найти все сообщения от inlska
 
Регистрация: 15.03.2015
Сообщений: 2

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Несколько блоков со своей каруселью Verbal Элементы интерфейса 0 05.12.2014 08:22
Несколько блоков под одним скриптом serdeles jQuery 3 19.09.2014 12:11
Вызов close несколько блоков sparklingman Элементы интерфейса 2 30.08.2013 10:53
Подгрузка блоков из php с помощью js oster_j Общие вопросы Javascript 0 18.03.2013 13:39
Несколько div блоков. Переключение по нажатии на соответствующую ссылку. Help$ Элементы интерфейса 4 25.09.2010 00:01