@boiko200

Как правильно прописать JS?

Добрый день! Бьюсь несколько дней, нашел в просторах интернета код, который позволяет показывать-скрывать 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>

Заранее благодарю!
  • Вопрос задан
  • 56 просмотров
Решения вопроса 1
Kozack
@Kozack Куратор тега HTML
Thinking about a11y
Измените силектор вот тут:
$('#'+id).show()
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Не очень может красивый вариант, но логика понятна:
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы