Раскрытие блока по id?

Question

[StartPy]

Есть код, он выполняет скрытие и раскрытие блока, но если вставить вторую пару дивов, то сразу все скрытые блоки открываются при нажатии на "Показать текст". Я пробовал просто сделать content_toggle1 и content_block1, те ставить порядковый номер, но это порождает кучу лишнего кода. Тут надо как-то использовать id, но я не понимаю как. Не поможете?)

<a class="content_toggle" href="#">Показать текст</a>
 
<div class="content_block" style="display: none;">
	<p>Блок скрытого текста...</p>
</div>
 <a class="content_toggle" href="#">Показать текст2</a>
 
<div class="content_block" style="display: none;">
	<p>Блок скрытого текста2...</p>
</div>
<script src="/js/jquery.min.js"></script>
<script>
$(document).ready(function(){
	$('.content_toggle').click(function(){
		$('.content_block').slideToggle(300, function(){
			if ($(this).is(':hidden')) {
				$('.content_toggle').html('Показать текст');
			} else {
				$('.content_toggle').html('Скрыть текст');
			}							
		});
		return false;
	});
});
</script>

Comments

[0xD34F]

И откуда вы только такие лезете?

Answer 1

[Сергей Соколов]

id должен быть уникальным. Пусть определяет для ссылки – блок, которым та рулит:

Answer 2

[MamaLuyba]

если собираешься создавать блоки динамически - вешай обработчик сразу там. если в шаблоне - вешай click, в который передавай event, в котором и будет нужный блок.
ну, или как посоветовали выше, нужные уникальные идентификаторы блоков.