How to slide in a div when you select a radio button with jquery
<p>I am planning a following html output with PHP. Now when I select week, I want to slide in week div, selecting day,day div etc.</p>

<p>How can I do it with jquery.</p>

<pre><code>&lt;div id="main"&gt;
 &lt;form&gt;
&lt;div id="week_day_time"&gt;

&lt;input type="radio" name="week_day_time" value="week" /&gt;Week&lt;br /&gt;
&lt;input type="radio" name="week_day_time" value="day" /&gt;Day&lt;br /&gt;
&lt;input type="radio" name="week_day_time" value="time" /&gt;Time

&lt;/div&gt;
&lt;div id="week"&gt;
more form for week.
originally hidden by css. But it will open when you select a week radio button.
more form for week
&lt;/div&gt;
&lt;div id="day"&gt;
more form...
originally hidden by css. But it will open when you select a day radio button.
more form for day
&lt;/div&gt;
&lt;div id="time"&gt;
more form...
originally hidden by css. But it will open when you select a time radio button.
more form for time
&lt;/div&gt;
&lt;/form&gt; 
&lt;/div&gt;
</code></pre>
