Javascript menu

[pavelslap]

Добрый день.

У меня есть меню, сделанное на jquery.
Когда я нажимаю по пункту меню, оно раздвигается и показываются вложенные пункты, которые являются ссылками. При нажатии на одну из этих ссылок, подгружается контент сайта из php файла. Для каждой ссылки свой php файл. Таким образом:

<?php 
switch($_GET['page']) {
	case "first": include('pages/first.php'); break;
	case "main": include("pages/main_content.php"); break;
}
?>

Так вот к чему я это. Происходит обновление центрального контента, которое не должно влиять на меню. Но происходит так, что jquery меню обновляется и вложенные пункты больше не показываются (при новом центральном контенте). А мне надо, чтобы эти пункты, по которым я кликал, оставались в том же положении.

<div id="navigation">
	<ul id="menu">
		<li>   
			<a href="#">Monitors</a>
			<ul>
				<li><a href="?page=first">Cat1 SubCategory 1</a></li>
				<li><a href="?page=main">Cat1 SubCategory 2</a></li>
				<li><a href="#">Cat1 SubCategory 3</a></li>
				<li><a href="#">Cat1 SubCategory 4</a></li>
			</ul>
		</li>
	</ul>
</div>

function initMenu() {
  $('#menu ul').hide();
  $('#menu li a').click(
    function() {
        $(this).next().slideToggle('fast');	 	
      }
    );
  }
$(document).ready(function() {initMenu();});

]

Спасибо за возможность задавать вопросы.

[Naive]

Ваши скрипты заново отрисовывают страницу при клике на ссылку. То есть заново рисуется неактивное меню, шапка, футер, контент и т.д.
Чтобы обновление страницы не затрагивало меню, нужно использовать фреймы, либо аякс.