title: Show nonunique div class on button click jquery
body: <p>I want to show the div class of .unhideme on a button press.  This class is dynamically generated so there are multiple divs with the same class name.  Using JQuery how do I show this block correctly?</p>
  
  <pre><code>&lt;div id="negativeButtons"&gt;
   &lt;div class="unhideme" name="unhideme" style="display:none"&gt;
    &lt;h3&gt;Comments&lt;/h3&gt;
    &lt;textarea name="unhappymanager" id="unhappymanager"&gt;&lt;/textarea&gt;
   &lt;/div&gt;
  &lt;input type="submit" class="excused" name="negativexcused" value="Excused"&gt;
  &lt;input type="button" class="unexcused" name="unexcused" value="Unexcused"&gt;
  &lt;input type="submit" class="commentpushDB" name="commentpushDB" style="display:none" value="Submit"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here I have jquery which works for the other buttons but I can't seem to find a function that will show the div.</p>
  
  <pre><code>$(document).ready(function() {
   $(".unexcused").click(function() {
    $(this).closest(".unhideme").show();
    $(this).closest(".unexcused").hide();
    $(this).prev(".excused").hide();
    $(this).next(".commentpushDB").show();
   });
  });
  </code></pre>