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;
 });

});


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

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

Спасибо за внимание.
  • Вопрос задан
  • 2310 просмотров
Решения вопроса 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;
 }); });


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

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

Войти через центр авторизации
Похожие вопросы