Question

Here is what the html looks like, I need help writing the jquery?
Initially the two divs will not be shown. If a user select the radio button “Bk”, it will show “BreakdownList” div layer. If radio button “One” is select, the “One-on-OneList” div layer is displayed. Users should be allow to toggle back and forth displaying either list.

<b> Monday, May 2, 2011 - Session Two </b>  <br>
<input name="Bk" type="radio" value="Break Out Session" >Break Out Session  <br>
<input name="One" type="radio" value="One-on-One Consulting Session" >One-on-One Consulting Session 
<div class="BreakdownList" style="display:none">
   <input name="1" type="radio" value="Session1">Session 1<br>
   <input name="2" type="radio" value="Session2">Session 2<br>
   <input name="2" type="radio" value="Session2">Session 3<br>
</div>
<div class="One-on-OneList" style="display:none">
    <input name="1" type="radio" value="One1">One on One 1<br>
   <input name="2" type="radio" value="One2">One on One 2<br>
   <input name="3" type="radio" value="One3">One on One 3<br>
</div>

Answer 1

$(':radio').on('click', function () {
    var name = $(this).prop('name');
    switch (name) {
    case 'Bk':
        $('div.BreakdownList').show();
        $('div.One-on-OneList').hide();
        break;
    case 'One':
        $('div.BreakdownList').hide();
        $('div.One-on-OneList').show();
        break;
    default:
        break;
    }
});