I want to make is so that if I select one radio button, it will display checkboxes, and if I select the other, it will hide the checkboxes. One radio button says select all, which would hide, and the other is Choose what to select, which would disclose the checkboxes. If I have
$(document).ready(function(){ $('#offices_checkboxes').hide(); $("input:rad...@id=id_office_1]").click(function() { $("#offices_checkboxes").show(); }); The intial state is hidden, and then when I click on the radio button for choose, it displays the checkboxes, however, if I add below the function to show the following $("input:rad...@id=id_office_0]").click(function() { $("#offices_checkboxes").hide(); }); The checkboxes are hidden, but selecting the radio buttons does nothing. Can someone tell me what the problem might be here?