2 фильтра на одной странице

Тема в разделе "Как сделать...", создана пользователем gamera, 4 окт 2015.

  1. gamera

    gamera Постоялец

    Регистр.:
    15 мар 2010
    Сообщения:
    97
    Симпатии:
    2
    Всем привет, подскажите как сделать чтобы при выборе одного из фильтров менялось только значение, например есть скрипт:
    Код:
    <script>
    $(function() {
      $('.jqueryOptions').hide();
      $('.opt1').show();
    
      $('#choose').change(function () {
        $('.jqueryOptions').slideUp();
        $('.jqueryOptions').removeClass('current-opt');
        $("." + $(this).val()).slideDown();
        $("." + $(this).val()).addClass('current-opt');
      });
    });
    </script>
    
    Вот html:
    
    HTML:
     <h1 class="header__title">Цена</h1>
    <header class="header-base">
    
      <label class="input-label" for="choose">
        Выберите период
      </label>
    
      <div class="select-area">
        <select name="choose" id="choose" class="input-select">
          <option value="opt1" selected>День</option>
          <option value="opt2">Месяц</option>
          <option value="opt3">Год</option>
        </select>
      </div>
    И там соотвественно информация:

    HTML:
    <section class="jqueryOptions opt1">
        <div class="content">
    
    <div class="cena">12</div>
    <div class="tip">tip 1</div>
    <div class="opisanie">opisanie</div>
    
    </div>
    </section>
    Вопрос такое, как добавить еще один фильтр, например фильтр по типу, и чтобы при выборе tip 2 менялося тип и описание только
     
  2. gamera

    gamera Постоялец

    Регистр.:
    15 мар 2010
    Сообщения:
    97
    Симпатии:
    2
    Ни кто не знает?
     
  3. ModuLe

    ModuLe Создатель

    Регистр.:
    8 сен 2015
    Сообщения:
    33
    Симпатии:
    5
    Уважаемый, это Java скрипт, вы разделом чучуть ошиблись.