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