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

Здравствуйте, можно ли сократить скрипт, если у меня меняются только цифры 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
modx.pro
146
0

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

Роман
11 мая 2022, 09:38
1
+2
<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
    0
    супер))) блин… а я в ручную сидел делал каждый в tpl и js
    спасибо!!! то что надо -))
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2