Добрый день, уважаемые форумчане.
Нужна помощь в реализации элементарной функции. Сам в Javascript'e не разбираюсь, но приходится делать. В общем, проблема в следующем:
Есть html код меню:
<nav id=main_nav>
<div class="catalog">
<a id="main_nav_header" href="javascript
:void(0);"> Каталог товаров </a>
<div id="main_nav_body" style="display: none;">
Вот тут будет список с пунктами меню.
</div>
</div>
</nav>
И есть вот такой javascript
:
var $=jQuery.noConflict();
$('#main_nav_header').click(function() {
$('#main_nav_header').addClass('show_hide');
$('#main_nav_body').removeClass('show_hide');
return false;
});
И такой вот css:
.show_hide {
display:none;
}
Нужно, чтобы при нажатии на ссылку Каталог - появлялся блок с меню. Консоль ошибок не выдает, но меню не выпадает. Заранее благодарю за помощь.