Помогите, пожалуйста, с меню
 

Ув. знатоки!
Пожалуйста, помогите разобраться. Меню в стиле аккордеон. Нужно модифицировать скрипт так, чтобы при клике на ссылку подменю, само меню при переходе на другую страницу было развернуто, а активная ссылка подсвечивалась, например, становится черного цвета color:#000;

<p class="main-name-bar">Категории</p>
<div class="sb-shadow"></div>
<div class="firstpane menu_list">
	<p class="menu_head">Название #1</p>
	<div class="menu_body">
		<a href="#">Подменю #1</a>
		<a href="#">Подменю #2</a>
		<a href="#">Подменю #3</a>
		<a href="#">Подменю #4</a>
		<a href="#">Подменю #5</a>
		<a href="#">Подменю #6</a>
	</div>
</div>

Скрипт работает с библиотекой jquery

$(document).ready(function(){
	$(".firstpane p.menu_head").click(function(){
		$(this).css({backgroundImage:"url(../images/drop-down.png)"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().css({backgroundImage:"url(../images/drop-left.png)"});
	});
});

Deff,
Спасибо, буду разбираться.

Deff,
Я практически разобрался с Вашим вариантом меню по ссылке, все хорошо работает, за исключением того, что у меня ни как не получается настроить графический маркер на клик по заголовку, а так же как его запихнуть в cookie.
Я что-то пробую, но это не то:

uls.each(function(index){
					if (this === self[0]){
						if (self.css('display') == "none") {showedElems.push(index);}
						$(this).slideToggle(200);
						$('.menu_head').css({backgroundImage:"url(../images/drop-down.png)"}).siblings().next({backgroundImage:"url(../images/drop-left.png)"});
						return true;
					}
					if (jQuery.inArray(this, self.parents("ul")) == -1){
						$(this).slideUp(200).siblings().css({backgroundImage:"url(../images/drop-left.png)"});
						return true;
					}
					showedElems.push(index);
			});

<ul class="menu_list" id="nav_menu_content">
    <li><a class="menu_head" href='#0'>Категория</a>
        <ul class="menu_body">
            <li><a href="<?=base_url();?>#">#</a></li>
            <li><a href="<?=base_url();?>#">#</a></li>
            <li><a href="<?=base_url();?>#">#</a></li>
	        <li><a href="<?=base_url();?>#">#</a></li>
	        <li><a href="<?=base_url();?>#">#</a></li>
	        <li><a href="<?=base_url();?>#">#</a></li>
        </ul>
    </li>
    <li><a class="menu_head" href='#0'>Категория 2</a>
        <ul class="menu_body">
            <li><a href="<?=base_url();?>#">#</a></li>
            <li><a href="<?=base_url();?>#">#</a></li>
            <li><a href="<?=base_url();?>#">#</a></li>
	        <li><a href="<?=base_url();?>#">#</a></li>
	        <li><a href="<?=base_url();?>#">#</a></li>
	        <li><a href="<?=base_url();?>#">#</a></li>
        </ul>
    </li>
</ul>
<img src="<?=base_url();?>images/xh6sQ.gif" onload="InitFunk()">

Подскажите, пожалуйста, как это решить? Вы уже не впервые мне помогаете, буду очень признателен, если и в этот раз не оставите с проблемой один-на-один

Решено