title: Remove a class from the closest div with class
body: <p>I am having an issue removing/adding a class to the closest div with a class. Right now it toggles the class for all, and not for the closest.</p>
  
  <p>What am I doing wrong?</p>
  
  <pre><code>$(document).on('click', '.btnMoreInfo', function () { 
  $(this).closest('div').find('.moreInfo').toggleClass('hide')
  })
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;
      &lt;button class='btnMoreInfo'&gt;More&lt;/button&gt;
      &lt;div class='moreInfo hide'&gt;&lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;button class='btnMoreInfo'&gt;More&lt;/button&gt;
      &lt;div class='moreInfo hide'&gt;&lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;button class='btnMoreInfo'&gt;More&lt;/button&gt;
      &lt;div class='moreInfo hide'&gt;&lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;button class='btnMoreInfo'&gt;More&lt;/button&gt;
      &lt;div class='moreInfo hide'&gt;&lt;/div&gt;
  &lt;/li&gt;
  &lt;li&gt;
      &lt;button class='btnMoreInfo'&gt;More&lt;/button&gt;
      &lt;div class='moreInfo hide'&gt;&lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p></p>