Select next closest with class
<p>I want to make a simple method to hide/show content when a user clicks a radio button. Rather than use ID's over and over, I want to make a more universal selector using classes so I could re-apply it throughout my site. </p>

<p>I think I am not getting outside the parent div (.radio-show) to find .next .radio-show-content?</p>

<pre><code>$('.radio-show input:radio').click(function() {
        $(this).closest('div').next().find('.radio-show-content').fadeToggle(250).toggleClass('hide'); 
});


&lt;div class="radio-show" &gt; 
&lt;label class="radio span1"&gt;
    &lt;input type="radio" name="project" value="option1" checked&gt;
    Yes
&lt;/label&gt;
&lt;label class="radio span1"&gt;
    &lt;input type="radio" name="project" value="option2"&gt;
    No
&lt;/label&gt;
&lt;/div&gt;

&lt;hr /&gt;
&lt;div class="radio-show-content"&gt;&lt;!-- yes --&gt;
    Show this if Yes
&lt;/div&gt;
&lt;div class="radio-show-content hide"&gt;&lt;!-- no--&gt;
    Show this if No
&lt;/div&gt;
</code></pre>
