Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Did some changes to your code:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html class="no-js"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;style&gt; body {margin:60px; font-family: sans-serif; font-size:12px;} ul {margin:0;padding:0;} ul li { position:relative; list-style-type: none; padding:5px 0; border-bottom:1px solid #ddd; } .dropdown { display:none; position:absolute; width:200px; border:1px solid #ddd; padding:20px; top:25px; left:0; } .drop { /*border: 1px solid;*/ } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;ul&gt; &lt;li class="drop"&gt;Some link &lt;ul class="dropdown"&gt; &lt;li&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/li&gt; &lt;li&gt;Aliquam tincidunt mauris eu risus.&lt;/li&gt; &lt;li&gt;Vestibulum auctor dapibus neque.&lt;/li&gt; &lt;li&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/li&gt; &lt;li&gt;Aliquam tincidunt mauris eu risus.&lt;/li&gt; &lt;li&gt;Vestibulum auctor dapibus neque.&lt;/li&gt; &lt;li&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/li&gt; &lt;li&gt;Aliquam tincidunt mauris eu risus.&lt;/li&gt; &lt;li&gt;Vestibulum auctor dapibus neque.&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script&gt; dropdown('.drop','.dropdown'); function dropdown(hoverElement,toShow) { var intervalId = 0, sliding= false; $(hoverElement).hover(function() { clearTimeout(intervalId); if(!sliding) { sliding = true; $(toShow).stop().slideDown( function(){sliding = false;}); } },function(){ intervalId = setTimeout(function() { sliding = false; $(toShow).stop().hide(); },300); }); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><a href="http://jsbin.com/inedoy/36/edit" rel="nofollow">http://jsbin.com/inedoy/36/edit</a></p>
    singulars
    1. This table or related slice is empty.
    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.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      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