Jquery: Как добавить функционал в спойлер?

Здравствуйте. Есть спойлер:

jQuery(document).ready(function($){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  $(this).parent().css('background-color','#FFFFFF');
  return false;
 });

});


Хочется дополнить функционалом:
когда на странице несколько спойлеров - активным может быть только один, т.е. при нажатии - "прятать" другие спойлеры.

Не хватает знаний самому дописать.

Спасибо за внимание.
  • Вопрос задан
  • 2312 просмотров
Решения вопроса 1
@uJlJluduAH Автор вопроса
Сделал так:

jQuery(document).ready(function($){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  $(this).parent().css('background-color','#FFFFFF');
  $('.spoiler_links').not(this).parent().css('background-color','#f5f5f5');
  $('.spoiler_links').not(this).parent().children('div.spoiler_body').css('display','none');  
  return false;
 }); });


Ещё раз, спасибо за внимание!
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
25 нояб. 2024, в 18:39
30000 руб./за проект
25 нояб. 2024, в 18:35
30000 руб./за проект
25 нояб. 2024, в 18:33
10000 руб./за проект