jQuery - How to show/hide element with radio input?
<p>I've following html structures :</p>

<pre><code> &lt;div id="options"&gt;
    &lt;input type="radio" id="option0" value="option0" checked='checked' /&gt;&lt;label&gt;All&lt;/label&gt;
    &lt;input type="radio" id="option1" value="option1" /&gt;&lt;label&gt;Option 1&lt;/label&gt;
    &lt;input type="radio" id="option2" value="option2" /&gt;&lt;label&gt;Option 2&lt;/label&gt;
    &lt;input type="radio" id="option3" value="option3" /&gt;&lt;label&gt;Option 3&lt;/label&gt;
 &lt;/div&gt;

 &lt;p id="sentence1"&gt;This is an example of sentence 1&lt;/p&gt;
 &lt;p id="sentence2"&gt;This is an example of sentence 2&lt;/p&gt;
 &lt;p id="sentence3"&gt;This is an example of sentence 3&lt;/p&gt;
</code></pre>

<p>I want to show all sentences when "All" option checked and show #sentence1 when "Option 1" checked.. and so on.</p>

<p>Any help would be appreciated. </p>

<p>Thanks!
Rifki</p>
