2015-11-17 3 views
0

Раньше я спрашивал, как заставить работать свою функцию show/hide, и благодаря вашей помощи это решило мою проблему. Теперь я только застрял в точке, чтобы показать набор DIVS. Чтобы быть более точным, у меня есть 4 divs, все с уникальным ID и CLASS. Эти DIVS отображаются путем выбора опции в списке.Показать и скрыть набор divs

Когда пользователь выбирает DIV_1, отображается DIV_1. Часть JQuery, которую я использую, выбирает DIV там уникальным идентификатором и классом. Только сейчас я пытаюсь объединить некоторые. Поэтому, когда пользователь выбирает вариант 5, например, DIV_1 И DIV_2 показывает и вариант 6 DIV_3 и DIV_4. показывает. Только теперь я застрял, потому что я показываю DIV по уникальному идентификатору, поэтому я не могу его комбинировать. Кто-нибудь есть идея, как это сделать?

$('#DIV_1').change(function() { 
      $('.DIV_1').slideUp("fast"); 
      $('#' + $(this).val()).slideDown("fast"); 
     }); 
+3

опубликуйте свой рабочий код с опцией и где находится ваш ранее заданный вопрос, как мы должны знать в предыдущем вопросе, что вы сделали. –

ответ

0

Вы можете назначить более одного класса объекту. Это упростит выбор подмножеств. Например, теперь вы можете выбрать .top .middle или .bottom в этом примере. Например, вы можете применить еще один класс для всех, чтобы показать/скрыть все из них одновременно.

<div class="div_1 top"></div> 
<div class="div_2 top"></div> 
<div class="div_3 middle"></div> 
<div class="div_4 middle"></div> 
<div class="div_5 bottom"></div> 
<div class="div_6 bottom"></div> 
Смежные вопросы