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

Question

Себастьян Перейра @uJlJluduAH

JavaScript

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 просмотров

Комментировать

Подписаться 3 Оценить Комментировать

Answer 1 · 2014-10-04 20:51:20

Сделал так:

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

Ещё раз, спасибо за внимание!

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

Войдите на сайт