Note that there are some explanatory texts on larger screens.

plurals
  1. POget parent a tag from menu
    text
    copied!<p>I have a dropdown menu, the problem is that on the main menu is that when mousesing out of the mainmenu, to be dropdown menu, the hover effect on the parent element disappears. </p> <p>I've tried doing something like this: </p> <pre><code>$("nav#main-nav ul li #submenu").hover( function () { //alert($(this).closest(["li", "a"])); $(this).closest(["li", "a"]).css('border-bottom', '8px solid #000'); } ); </code></pre> <p>However, this doesn't work :( The menu looks like this: </p> <pre><code>&lt;nav id="main-nav"&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;&lt;a href="#" class="blue"&gt;Social &amp; Sundhed&lt;/a&gt;&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;&lt;a href="#" class="orange"&gt;Pædagogisk&lt;/a&gt;&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;&lt;a href="#" class="green"&gt;Kost &amp; Service&lt;/a&gt;&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;&lt;a href="#" class="yellow"&gt;Teknik-Service&lt;/a&gt;&lt;/span&gt; &lt;ul id="submenu"&gt; &lt;div class="inner"&gt; &lt;div class="border-top"&gt;&lt;/div&gt; &lt;div class="submenu-left"&gt; &lt;li&gt;&lt;a href="#"&gt;Beredsskabspersonale i basis og mesterstillinger&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Regionsbetjente Skolebetjente, Ejensomsserviceassister m.fl (DR)&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Driftsledere HUR/Arriva (Danske regioner)&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Miljøkontrollører ved Miljokontrollen (KBH)&lt;/a&gt;&lt;/li&gt; &lt;/div&gt; &lt;div class="submenu-right"&gt; &lt;li&gt;&lt;a href="#"&gt;Beredsskabspersonale i basis og mesterstillinger&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Regionsbetjente Skolebetjente, Ejensomsserviceassister m.fl (DR)&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Driftsledere HUR/Arriva (Danske regioner)&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Miljøkontrollører ved Miljokontrollen (KBH)&lt;/a&gt;&lt;/li&gt; &lt;/div&gt; &lt;div class="clearfix"&gt;&lt;/div&gt; &lt;div class="border-bottom"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="clearfix"&gt;&lt;/div&gt; &lt;/ul&gt; &lt;div class="clearfix"&gt;&lt;/div&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; </code></pre>
 

Querying!

 
Guidance

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