title: Dropdown menu doesn't work on mobile
body: <p>I have a simple dropdown menu and having trouble making it work on mobile devices.
  It works fine on desktop, when I hover it slides down the menu and when I mouse out it hides, however in IOS or android when I tap on menu item it shows the sub menu, but it just stays that way even if I tap on the parent item again.</p>
  
  <p>Ideally it should: tap open menu, tap again on the parent item - to close menu.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;ul class="acc-menu"&gt;
    &lt;li class="parent"&gt;
      &lt;a href="#"&gt;&lt;span&gt;Account&lt;/span&gt;&lt;/a&gt;
      &lt;ul&gt;
        &lt;li class=""&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
        &lt;li class=""&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
        &lt;li class=""&gt;&lt;a href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
        &lt;li class=""&gt;&lt;a href="#"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
        &lt;li class=""&gt;&lt;a href="#"&gt;Link 5&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.acc-menu {
    margin-top: -6px;
    padding: 0;
    list-style: none;
  }
  
  .parent span {
    letter-spacing: 3px;
  }
  
  .acc-menu li {
    float: left;
    display: block;
    background: #fff;
    position: relative;
    z-index: 500;
    margin: 0 1px;
  }
  
  .acc-menu li a {
    display: block;
    line-height: 18px;
    color: #333;
    text-align: left;
  }
  
  .acc-menu ul {
    position: absolute;
    left: -14px;
    display: none;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
    text-indent: 10px;
  }
  
  .acc-menu ul li {
    width: 150px;
    float: left;
  }
  
  .acc-menu ul a {
    display: block;
    padding: 8px 5px;
  }
  
  .acc-menu ul a:hover {
    text-decoration: underline;
  }
  </code></pre>
  
  <p>jq:</p>
  
  <pre><code>jQuery('.acc-menu li').hover(
    function() {
      jQuery('ul', this).stop().slideDown(100);
    },
    function() {
      jQuery('ul', this).stop().slideUp(100);
    }
  );
  </code></pre>
  
  <p><a href="http://codepen.io/lvekua/pen/EZNQea" rel="nofollow noreferrer">Here is the codepen link</a></p>