Skip to main content

Posts

Showing posts with the label navigation

javascript/css navigation menu not hiding nested ul

I have a navigation made and it has sub-levels, which works fine. However, I now want to add ANOTHER level to a sub-level, so that I can choose Lookup-->Webinar-->By Date The way I have this set up, the extra level is not hidden by default. It is only supposed to show when the word "Webinar" gets hovered over. Can someone help? <div id="menuwrapper"> <ul id="p7menubar"> <li><a href="#" class="trigger">Lookup</a> <ul> <li><a href="/ProductLookup.aspx">Product</a></li> <li><a href="/CategoryLookup.aspx">Category</a></li> <li><a href="#" class="subtrigger">Webinar</a> <ul> <li><a href="/WebinarLookupByDate.aspx">By Date</a></li> <li><a href="/WebinarLookupByName.aspx"&g