I would like to code a drop down navigation where the top tier of navigation links is NOT clickable, only the child elements. I am wondering how I would go about coding this using Jquery.
Here is my code so far.
$("#menu ul li").click(function(event) {
$(this).find('ul').css('display','block');
return false;
});
$("#menu ul li ul li").click(function() {
return true;
});
The reason this doesn't work is because it makes ALL the links "return false". The second function doesn't over ride the first one. What do I replace it with in order to make the ul li ul li links direct the browser to their URL when clicked?
Thanks in advance for any help!
Cheers,
Matt