Как сократить код?

Question

[георгий воронько]

Как сократить этот код? надо как то сделать ,что бы можно было скрыть все нужные элементы меньшим количеством команд и оставить нужные элементы.

marker_nature3.addListener('click',function(){
		$('#modal2').show(500);
		$('#modalback').show();
		/* $('#test1').hide();
		$('#test2').hide();
		$('#test3').hide();
		$('#test4').hide();
		$('#test5').hide();
		$('#test6').hide(); */
		$('#test7').hide();
		$('#test8').hide();
		$('#test9').hide();
		$('#test10').hide();
		$('#test11').hide();
		$('#test12').hide();
		$('#test13').hide();	
		$('#animals_test').hide();
		$('#animals_test1').hide();
		$('#animals_test2').hide();
		$('#animals_test3').hide();
		$('#animals_test4').hide();
		$('#animals_test5').hide();
		$('#animals_test6').hide();
		$('#animals_test7').hide();
		$('#animals_test8').hide();
		$('#animals_test9').hide();
		$('#nature_test').show();
		$('#nature_test1').hide();
		$('#nature_test2').hide();
		$('#nature_test3').hide();
		$('#nature_test4').hide();	
		$('html,body').css("overflow","hidden");

Comments

[Ярослав Иванов]

Ох. Ну для начало пускать hide через цикл где будет инкрементироватся переменная

[Ярослав Иванов]

Гуглите цикл на js и что такое инкремент

Answer 1

[Артем]

$('#test1, #test2, #nature_test1, #nature_test2, #animals_test').hide();

Answer 2

[Rsa97]

$('.what-i-need-hide').hide()

Answer 3

[kpa6uu]

Если у вас ID`шники идут строго по порядку, как в примере, то проходитесь циклом по интервалу от и до. Если же нет - формируйте массив элементов для скрытия / открытия, проходясь по нему в дальнейшем.
Это позволит сократить код.

Answer 4

[RomanKudlatov]

А нельзя ручками к ним всем применить один класс скрыть по классу а открывать по id? Если нет, то почему?)