- Автор темы
- #1
Всем привет, подскажите как сделать чтобы при выборе одного из фильтров менялось только значение, например есть скрипт:
И там соотвественно информация:
Вопрос такое, как добавить еще один фильтр, например фильтр по типу, и чтобы при выборе tip 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 менялося тип и описание только