title: How can I show and hide just the next element with jQuery?
body: <p>How do I show/hide next div? The following code works:</p>
  
  <pre><code>jQuery(".edittopic").click(function() {
      jQuery(this).next(".t_edit_cont").toggle();
  });
  </code></pre>
  
  <p>... only if the <code>t_edit_cont</code> div is right after the <code>edittopic</code> button. Currently, I have them in separate DIVs, like this:</p>
  
  <pre><code>&lt;div class="t_mod_box"&gt;
      &lt;input type="submit" value="Edit" class="edittopic" name="send" /&gt; 
  &lt;/div&gt;
  
  &lt;div class="t_edit_cont"&gt;
     Show hide content inside here...
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make this work? <a href="http://jsfiddle.net/88nuv2e6/1/" rel="nofollow">jsfiddle demo</a>.</p>