Здравствуйте, есть меню реализованное на JS. Работает оно при наведении с задержкой. Однако сейчас появилась необходимость переписать немного меню так, чтоб подпункты открывались по нажатию (клику). Сам код JS выглядит так:
$('.menu li').mouseenter(function(){
timer = setTimeout(function() {
$('div.subs div.dl').slideDown(400);
}, 750);
}).mouseleave(function(){
clearTimeout(timer);
$('div.subs div.dl').slideUp(50);
});
});
отрисовывается меню следующим образом:
<div class="menuholder">
<ul class="menu slide">
<?php foreach ($categories as $category) { ?>
<li><a href="<?php echo $category['href']; ?>" class="orange"><h2><?php echo $category['name']; ?></h2></a>
<?php if ($category['children']) { ?>
<?php for ($i = 0; $i < count($category['children']);) { ?>
<div class="subs">
<div class="dl effect6">
<?php for ($i = 0; $i < count($category['children']); $i++) { ?>
<?php if (isset($category['children'][$i])) { ?>
<div class="item">
<div>
<a href="<?php echo $category['children'][$i]['href']; ?>"><img alt="<?php echo $category['children'][$i]['name']; ?>" src="<?php echo $category['children'][$i]['image']?>"></a>
</div>
<div class="link">
<a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
</div>
</div>
<?php } ?>
<?php } ?>
</div>
</div>
<?php } ?>
<?php } ?>
<?php } ?>
</li>
</ul>
</div>