[Squirr]

Уважаемые форумчане, взываю я к вашим знаниям.
Я сделал меню для сайта. Два пункта в нём не видны постоянно, они выезжают при нажатии на основной пункт. Я применил стандартный шаблон jQuery. Браузер ссылку видит и показывает её адрес при наведении, но не открывает. Пробовал в разных браузерах и на разных серверах, везде одно и то же. Страницы все, разумеется, созданы. Синтаксические ошибки я, вроде бы, проверил. Не знаю, почему так.
Вот код:
css

#main h5
{
	cursor: pointer;
	padding-left: 0px;
	margin: 0px 0px 0px 15px;
	display: list-item;
}
#main h5.close {}
#main .open
{
	padding-left: 20px;
	margin-left: 20px;
	list-style-type: circle;
}

js

$(document).ready(function( ) {
	$('.open').hide();
	$('#main h5').toggle(
	function() {
		$(this).next('.open').slideDown();
		$(this).addClass('close');
	},
	function() {
		$(this).next('.open').slideUp();
		$(this).removeClass('close');
	}
	);
});

html

            	<ul style="list-style-image: url('./img/list.png')">
                	<li class="no_link"><!--a href="./index.html"-->Главная<!--/a--></li>
                    <li><a href="./news.html">Новости</a></li>
                   	<div id="main">
                       	<h5>Портфолио</h5>
                        <div class="open">
                           	<h5><a href="./objects1.html">Объекты 1</a></h5>
                            <h5><a href="./objects2.html">Объекты 2</a></h5>
                        </div>
                    </div>
                    <li><a href="./price.html">Услуги и цены</a></li>
                    <li><a href="./contacts.html">Контактная информация</a></li>
                </ul>