Сократить скрипт открытия и скрытия текста

Здравствуйте, можно ли сократить скрипт, если у меня меняются только цифры id
при нажатии на нужный блок открывается скрытый текст данного блока.

<a class="content_toggle_1 pt-2 mb-2" href="#">Характеристики</a>
<div class="content_block_1 pt-2" style="display: none;">
скрытый текст
</div>

<a class="content_toggle_2 pt-2 mb-2" href="#">Характеристики</a>
<div class="content_block_2 pt-2" style="display: none;">
скрытый текст
</div>

<a class="content_toggle_3 pt-2 mb-2" href="#">Характеристики</a>
<div class="content_block_3 pt-2" style="display: none;">
скрытый текст
</div>
и так до 20 штук

$(document).ready(function(){
	$('.content_toggle_1').click(function(){
		$('.content_block_1').slideToggle(300);      
		return false;
	});
});


$(document).ready(function(){
	$('.content_toggle_2').click(function(){
		$('.content_block_2').slideToggle(300);      
		return false;
	});
});


$(document).ready(function(){
	$('.content_toggle_3').click(function(){
		$('.content_block_3').slideToggle(300);      
		return false;
	});

и так до 20

});<code>

а то в js файле получается слишком много, можно ли как то скрипт сократить....

Игорь

11 мая 2022, 09:07

776

Комментарии: 2

Роман

11 мая 2022, 09:38

<a class="toggle_tab content_toggle_2 pt-2 mb-2" href="#">Характеристики</a>
$(document).ready(function(){
	$('.toggle_tab').click(function(){
		$(this).next('div').slideToggle(300);      
		return false;
	});
});

Игорь

11 мая 2022, 11:12

супер))) блин… а я в ручную сидел делал каждый в tpl и js
спасибо!!! то что надо -))

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.