What i am doing is if a radio button is selected it will show a different set of city names.

My Jquery code is as follows : 

2. $(function() {
3. $( "#accordion" ).accordion({
4. collapsible: true
5. });
6. $( "#citta_az" ).buttonset();
8.                //Hide Monza e Brianza when page loads
9. $("#MB_DIV").css("display","none");
10. 
    
11. // Click Function
12.   $("#citta_az_mb").click(function(){
13. // If  MB Is checked
14. if ($("#citta_az_mb").is(":checked"))
15. {
16. //show Monza e Brianza Città
17. $("#MI_DIV").hide("fast");
18. $("#MB_DIV").show("fast");
20. }
21.                 //Else if MI is checked
22. else if ($("#citta_az_mi").is(":checked"))
23. {   
24. //otherwise, hide it 
25. $("#MB_DIV").hide("fast");
26. $("#MI_DIV").show("fast");
27. }
28.  });
29. });

My HTML Code is as follows :

3. <input name="citta_az" type="radio" id="citta_az_mi" value="MI" checked><label for="citta_az_mi">MI </label>
4.          
5.           <input name="citta_az" type="radio" id="citta_az_mb" value="MB">
6.         <label for="citta_az_mb">MB</label>
7. <div id="MB_DIV">
8.       <select name="citta_az_mb" id="citta_az_mb">
9.       <?php
10. foreach ($_Citta_MB as $pts => $name)
11. {
12. echo '<option value="'.$pts.'">'.$name.'</option>';
13. }
14. ?>
15.       </select>
16.       </div>
17.       <div id="MI_DIV">
18.       <select name="citta_az_mi" id="citta_az_mi">
19.       <?php
20. foreach ($_Citta_MI as $pts => $name)
21. {
22. echo '<option value="'.$pts.'">'.$name.'</option>';
23. }
24. ?>
25.       </select></div>

The problem i am having is that when i click MB it will show mb but if i click MI again it will not show again.

I hope someone can help with this.

Thanks