Note that there are some explanatory texts on larger screens.

plurals
  1. POCant get jquery hover menu work
    primarykey
    data
    text
    <p>I cant get the jquery menu to work like it should </p> <p>When i hover class .trigger is slides down but when i go down with my mouse is slide up and down all the time.</p> <p>LINK TO WEBSITE: <a href="http://www.nedwebdesign.nl/dvl/" rel="nofollow">HERE</a></p> <p>Jquery</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function () { $('.sub_menu').hide(); $('.trigger,.sub_menu').mouseenter(function() { //show its submenu $('.sub_menu').slideDown(300); }); $('.sub_menu,.trigger').mouseleave(function() { //show its submenu $('.sub_menu').slideUp(300); }); }); &lt;/script&gt; </code></pre> <p>HTML</p> <pre><code>&lt;div id="header"&gt; &lt;div class="container"&gt; &lt;a href="index.php"&gt;&lt;h1 id="logo"&gt;Dick van Leeuwen Financieel Consult&lt;/h1&gt;&lt;/a&gt; &lt;div id="nav"&gt; &lt;ul class="main_menu"&gt; &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt; &lt;a href="#" class="trigger"&gt;Hypotheken&lt;/a&gt; &lt;ul class="sub_menu"&gt; &lt;li&gt;&lt;a href="#"&gt;Hypotheekvormen&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Hyporheek rente&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Nationale hypotheek garantie&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Verzekeringen&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Downloads&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- nav --&gt; &lt;/div&gt;&lt;!-- container --&gt; &lt;/div&gt;&lt;!-- header --&gt; </code></pre> <p>Please help me getting stuck for about 5 hours now.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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