[gzhegow]

Не планировал особенно вникать в jquery, босс затребовал раскрывающееся меню.
Скопировал скрипт для UL LI DIV со SlideUp и SlideDown, все работало отлично - босс говорит не пойдет, можно было сделать в разы проще, а такую конструкцию слишком сложно обслуживать.

Потом он привел мне пример:

<a class="catalog" id="cat_link_1"><p>Корпусная мебель</p></a>
												<div class="box" id="cat_link_1">
													<a href="#">Пункт1</a>
													<a href="#">Пункт2</a>
													<a href="#">Пункт3</a>
													<a href="#">Пункт4</a>
												</div>
											<a class="catalog" id="cat_link_2"><p>Офисная мебель</p></a>
												<div class="box" id="cat_link_2">
													<a href="#">Пункт1</a>
													<a href="#">Пункт2</a>
													<a href="#">Пункт3</a>
													<a href="#">Пункт4</a>
												</div>

После этого были часы томительных поисков в Интернете не имея навыков написания JS кода... и вот что получилось.

$(document).ready (
	function () {
		$('#cat_div_'+divid).click (
			function() {
				if ($('#cat_link_'+divid).hasClass('active')) {
					$('#cat_link_'+divid).removeClass('active');
					$('#cat_link_'+divid).slideUp('medium');				
				} else {
					$('#cat_link_'+divid).addClass('active');
					$('#cat_link_'+divid).slideDown('medium');				
				}
			}
		);
	}
);

Однако очевидно, что где-то напортачил с разметкой или синтаксисом. А может кто-нибудь сможет подсказать вообще по-другому.

Задача: Мне необходимо сделать скрипт, который по нажатию на любую <a> с классом .catalog либо с маской по id :: "cat_div_" присваивало следующему диву с маской "cat_link_" и ТЕМ ЖЕ НОМЕРОМ - класс active.

Есть идеи?