title: jquery onclick toggle nearest UL
body: <p>Trying to toggleClass the nearest #dropdown element using jQuery and I can't seem to find the ul. jQuery is loading fine and each element acknowledges the click.</p>
  
  <p>HTML code is: </p>
  
  <pre><code>&lt;li onclick="showDropDown()" class="filter-button"&gt;
                              Filter by &lt;strong&gt;Aread&lt;/strong&gt; +
      &lt;ul id="dropdown" class="dropdown-content"&gt;
        &lt;li&gt;&lt;a href=""&gt;Test 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;Test 3&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=""&gt;Test 2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>jQuery code is:</p>
  
  <pre><code>  function showDropDown() {
      jQuery(this).parents("li").find("ul").toggleClass('show');
    }
  </code></pre>