title: How to show the very next div on button click with jQuery?
body: <p>Below are my elements.</p>
  
  <pre><code>&lt;div class="first-div"&gt;
     DIV 1
     &lt;button class="next"&gt;Next&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="next-div" style="display:none;"&gt;
     DIV 2
     &lt;button class="back"&gt;Back&lt;/button&gt;
     &lt;button class="next"&gt;Next&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="next-div" style="display:none;"&gt;
     DIV 3
     &lt;button class="back"&gt;Back&lt;/button&gt;
     &lt;button class="next"&gt;Next&lt;/button&gt;
  &lt;/div&gt;
  &lt;div class="next-div" style="display:none;"&gt;
     DIV 4
     &lt;button class="back"&gt;Back&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I select the very next hidden <code>.next-div</code> element and show it and select the very previous hidden element and show it using jQuery?</p>