Добрый день! Бьюсь несколько дней, нашел в просторах интернета код, который позволяет показывать-скрывать div блоки через select. Как правильно прописать JS, что бы он работал не по ID блока, а по классу, или как сделать так, что бы он показывал и скрывал одновременно 2 блока DIV c одним и тем же ID/CLASS?
Суть такая: при выборе option показывает обязательно ДВЕ КАТЕГОРИИ, а ID блоки открываются - закрываются тоже по двое из каждой категории, в зависимости от выбранного option
Сам код JS:
<script type="text/javascript">
$(document).ready(function() {
$('#container div').css('display','none'); //Скрываем все блоки
$("#test").change(function(){ //При смене
$('#container div').css('display','none'); //Скрываем все открытые блоки
id = $('#test option:selected').val(); //Вытаскиваем value
$('#'+id).show(); //Показываем блок c таким же id как наш value
});
});
</script>
HTML:
<select id="test" name="test">
<option value="ID первого блока категории">ЧЕЛЯБИНСК</option>
<option value="ID первого блока категории">САРАТОВ</option>
</select>
<div id="container категория 1" style='margin-top:50px;'>
<div id="ID первого блока первой категории">
<p class="content-primary text">Текст</p>
</div>
<div id="ID второго блока первой категории">
<p class="content-primary text">Текст</p>
</div>
</div>
<div id="container категория 2" style='margin-top:50px;'>
<div id="ID первого блока второй категории">
<p class="content-primary text">Текст</p>
</div>
<div id="ID второго блока второй категории">
<p class="content-primary text">Текст</p>
</div>
</div>
Заранее благодарю!
Средний
