Response title
This is preview!
Need Help with Nav. Drop down
in Using jQuery
•
11 years ago
Hi- I'm totally new to Jquery /Javascript although quite competent with CodeIgniter / PHP. I built a menu with PHP / Mysql. I found some Jquery code out of a SitePoint Book on Jquery ( Novice > Ninja ).
In putting the two pieces together it almost works. It slides open and closed. I can navigate on the submenus to the correct destination, but for some curious reason the top Category level will not open the page, even though, I can see when hovering over the Category link that the correct url is being presented.
I can't see why this should be - I provide the Jquery and PHP below.
Many Many thanks For Any Help You Can Offer !
In putting the two pieces together it almost works. It slides open and closed. I can navigate on the submenus to the correct destination, but for some curious reason the top Category level will not open the page, even though, I can see when hovering over the Category link that the correct url is being presented.
I can't see why this should be - I provide the Jquery and PHP below.
Many Many thanks For Any Help You Can Offer !
<script>
$(document).ready(function(){
$( '#menu > li > ul' )
.hide()
.click(function( e ){
e.stopPropagation();
});
$('#menu > li').toggle(function(){
$(this)
.removeClass('waiting')
.css('background-position', 'right -20px')
.find('ul').slideDown();
}, function(){
$( this )
.removeClass('waiting')
.css('background-position', 'right top')
.find('ul').slideUp();
});
$('#menu > li').hover(function() {
$(this).addClass('waiting');
setTimeout(function() {
$('#menu .waiting')
.click()
.removeClass('waiting');
}, 400);
}, function() {
$('#menu .waiting').removeClass('waiting');
});
});
</script>
<?php
if (count($navlist)){
echo "<ul id ='menu'>";
foreach ($navlist as $key => $list){
foreach ($list as $topkey => $toplist){
echo "<li>"; //class='cat'
echo anchor("welcome/cat/$topkey",$toplist['name']);
if (count($toplist['children'])){
foreach ($toplist['children'] as $subkey => $subname){
echo "<ul>"; // class='subcat'
echo anchor("welcome/cat/$subkey",$subname);
echo "</ul>";
}
echo "</li>";}
}
}
echo "</ul>";
}
1