Javascript-форум - Не открываются ссылки

Уважаемые форумчане, взываю я к вашим знаниям.
Я сделал меню для сайта. Два пункта в нём не видны постоянно, они выезжают при нажатии на основной пункт. Я применил стандартный шаблон 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;

}

Код:

$(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>