Спойлеры и аккордеоны - моя страсть. )

Здравствуйте уважаемые спецы и гуру!

Что-то надо подправить, чтобы при наведении на пункты меню была подсветка на линке.

И, по возможности увеличить вложенность.

Это код:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>



<script type="text/javascript" src="http://admshel.ru/includes/Scripts/jquery.min.js"></script>



<STYLE type="text/css">

#menu { 

  float: left;

  width: 300px;

}



#menu, #menu ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



#menu li { 

  cursor: pointer;

  background: #94C5EB;

  border-bottom: 1px solid #444;

}



#menu li a {

  text-decoration: none;

}



#menu > li > a { 

  padding: 2px 10px;

  font-weight:bold;

}



#menu li li { 

  cursor: auto;

  border: 0;

  padding: 0 14px;

  background-color: #fff;

}



#disclaimer, #intro {

  width: 400px;

}

	</STYLE>



	<script type="text/javascript">

$(document).ready(function() {

  $('#menu > li > ul' )

	.hide()

	.click(function(event) {

		event.stopPropagation();

	});

  

	$('#menu > li').toggle(function() {

		$(this).find('ul').slideDown();

  }, function() {

  	$(this).find('ul').slideUp();

  });

});

	</script>



		<nav role="navigation">

			<ul id="menu">

			  <li><a href="#">Постановления</a>

			    <ul class="active">

			      <li><a href="#">2007</a></li>

			      <li><a href="#">2008</a></li>

			      <li><a href="#">2009</a></li>

			      <li><a href="#">2010</a></li>

			      <li><a href="#">2012</a></li>

			    </ul>

			  </li>

			  <li><a href="#">Пояснение</a>

			    <ul>

			      <li><a href="#">СВЕДЕНИЯ об имущественном положении и доходах Глав сельсоветов Шелаболихинского района и членов их семей за период с 01 января 2011 года по 31 декабря 2011 года</a></li>

			      <li><a href="#">Доклад о достигнутых значениях показателей для оценки эффективности деятельности органов местного самоуправления Шелаболихинского района за 2011 год и их планируемых значениях на 3-летний период.</a></li>

			    </ul>

			  </li>

			  <li><a href="#">Решения</a>

			    <ul>

			      <li><a href="#">2007</a></li>

			      <li><a href="#">2008</a></li>

			      <li><a href="#">2009</a></li>

			      <li><a href="#">2010</a></li>

			      <li><a href="#">2012</a></li>

			    </ul>

			  </li>

			  <li><a href="#">Нормативные правывые акты</a>

			    <ul>

			      <li><a href="#">2007</a></li>

			      <li><a href="#">2008</a></li>

			      <li><a href="#">2009</a></li>

			      <li><a href="#">2010</a></li>

			      <li><a href="#">2012</a></li>

			    </ul>

			  </li>



			  <li><a href="#">Совет Депутатов</a>

			    <ul>

			      <li><a href="#">Решения</a></li>

			      <li><a href="#">Постановления</a></li>

			      <li><a href="#">Сессии</a></li>

			    </ul>

			  </li>

			</ul>

		</nav>

Как это выглядит изначально - ПОДСМОТРИМ