Показать сообщение отдельно
  #1 (permalink)  
Старый 11.02.2015, 16:35
Аспирант
Отправить личное сообщение для Mrs.Haneki Посмотреть профиль Найти все сообщения от Mrs.Haneki
 
Регистрация: 16.04.2014
Сообщений: 59

Проверка вложенного меню
Добрый день!

такая проблемка(
есть меню:

<div class="side-menu"
<ul>
<li class="navigation-item"><a href="index.html">Главная</a></li>
<li class="navigation-item"><a href="index.html">О компании</a></li>
<li class="navigation-item"><a href="index.html">Галерея</a>
<div class="pod-menu">
<ul>
<li><a href="/index/punkt1/">Подменю 1</a></li>
<li><a href="/index/punkt2/">Подменю 1</a></li>
<li><a href="/index/punkt2/">Подменю 1</a></li>
</ul>
</div>
</li>
</ul>
</div>


Под меню class pod-menu скрыт.
надо сделать проверку. Если при нажатии на li.navigation-item есть подменю, то оно выезжает. Если его нет, то переход по ссылке.
Так же надо учесть, что дети li тоже должны переходить по ссылке при нажатии.

есть чтото типо этого:
$(document).ready(function() {
	$('.navigation-item').click(function() {
		$(this).find('.pod-menu').toggleClass("left"); 
	});  
});

это не работает. помогите пожалуйста разобраться
Ответить с цитированием