Databases
StackOverflow2013
Postsdbo
POJquery navigation and sub navigation hover
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery navigation and sub navigation hover
    text
    copied!<p>I am having some issues with jquery navigation. When I hover over a menu item a sub menu item appears and I can hover over those, my problem is that when I hover off the navigation item or any of the sub items, the submenu still appears. My question is how would I get my submenu items to not show when you over off the submenu items? if you hover off the menu item or the submenu item I am trying to get the submenu items to not show (I really hope this makes sense)</p> <p>Here is my code:</p> <pre><code> $(".galleryNavToggle").on("mouseenter", function (event) { $('#headerNavGallery, #headerNavInfo').hide(); $("#headerNavGallery").show(); }); $(".galleryNavInfoToggle").on("mouseenter", function (event) { $('#headerNavGallery, #headerNavInfo').hide(); $("#headerNavInfo").show(); }); </code></pre> <p>HTML</p> <pre><code>&lt;div class="headerNav"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" class='galleryNavToggle'&gt;Gallery&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" class='galleryNavInfoToggle'&gt;Info&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--headerNav--&gt; &lt;div class="headerNavGallery" id="headerNavGallery" style="display:none;"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="Categories.php?action=view"&gt;Categoies&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Products.php?action=view"&gt;Products&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--headerNavGallery--&gt; &lt;div class="headerNavInfo" id="headerNavInfo" style="display:none;"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="willRuppel.php?action=view"&gt;William Ruppel&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="CV.php?action=view"&gt;CV&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="artistBio.php?action=view"&gt;Artist Bio&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Video.php?action=view"&gt;Video&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="contact.php?action=view"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--headerNavInfo--&gt; </code></pre> <p>if anyone can point me in the right direction that would be awesome, has I had this issues for weeks now and cant find a solution you can see this at <a href="http://www.willruppelglass.com" rel="nofollow">http://www.willruppelglass.com</a></p> <p>Thanks, J</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload