title: Find next ul with vanilla javascript?
body: <p>I have the following markup:</p>
  
  <pre><code>&lt;ul class="lvl--1"&gt;
    &lt;li&gt;Link 1&lt;/li&gt;
    &lt;li&gt;
      &lt;span&gt;Link 2&lt;/span&gt;
      &lt;button&gt;
        chevron_down
      &lt;/button&gt;
      &lt;ul class="lvl--2" alt="NOT THIS UL"&gt;
        &lt;li&gt;Sub Link 1&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;Link 3&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul class="lvl--1"&gt;
    &lt;li&gt;Link 1&lt;/li&gt;
    &lt;li&gt;
      &lt;span alt="CLICK HERE"&gt;Link 2&lt;/span&gt;
      &lt;button&gt;
        chevron_down
      &lt;/button&gt;
      &lt;ul class="lvl--2" alt="SELECT THIS"&gt;
        &lt;li&gt;Sub Link 1&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;Link 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I click on "<strong>Link 2</strong>". How can I now select the next ul (<strong>.lvl - 2</strong>)?
  How can I find the next UL? Regardless of whether there is the button or not.</p>
  
  <p>This doesn't work:</p>
  
  <pre><code>element.closest(ul); 
  </code></pre>
  
  <p>It selects "lvl - 1".</p>