hey have on test page (excuse odd design elements, client choice wouldn't sway)
http://blueanchorcreative.com/
the dropdown nav doesn't reveal hidden unordered list items expecting to. added z-index: 1 thinking maybe slideshow hiding didn't work either.
jquery:
$(function(){ var config = { sensitivity: 3, interval: 200, over: doopen, timeout: 200, out: doclose }; function doopen() { $(this).addclass("hover"); $('ul:first',this).css('visibility', 'visible'); } function doclose() { $(this).removeclass("hover"); $('ul:first',this).css('visibility', 'hidden'); } $("ul.dropdown li ul li:has(ul)").find("a:first").append(" » "); });
you have invalid html in menu. have ul's directly containing ul's (submenu), in ul submenu should part of parent menu's li.
see corrected html below , sample demo fiddle taking html website.
<ul class="dropdown"> <li><a href="#">home</a> </li> <li><a href="#">domestic plumbing</a> <!-- issue here li closed --> <ul class="sub_menu"> <li><a href="#">hot water</a> </li> <li><a href="#">drainage</a> </li> <li><a href="#">toilets</a> </li> <li><a href="#">taps</a> </li> <li><a href="#">other</a> </li> </ul> </li> <li><a href="#">rural plumbing</a><!-- issue here li closed --> <ul class="sub_menu"> <li><a href="#">septic systems</a> </li> <li><a href="#">effluent systems</a> </li> <li><a href="#">blocked drains</a> </li> <li><a href="#">absorption trenches</a> </li> <li><a href="#">other</a> </li> </ul> </li> <li><a href="#">commercial/industrial plumbing</a> </li> <li><a href="#">bushfire protection</a><!-- issue here li closed --> <ul class="sub_menu"> <li><a href="#">external sprinkler systems</a> </li> <li><a href="#">window drenchers</a> </li> <li><a href="#">tanks/pumps/accessories</a> </li> <li><a href="#">testing & maintenance</a> </li> </ul> </li> </ul> 
Comments
Post a Comment