show and hide div based on checkbox selection using javascript

Question

Hi I have a requirement for hiding and displaying the division based on checkbox selection. Currently I have to show and hide 10 division and 10 checkbox is provided for that. A

Answer 1

You can do so by the following jQuery code:

    $('.checkbox').click(function() {
     if( $(this).is(':checked')) {
        $("#yourdiv").show();
     } else {
        $("#yourdiv").hide();
     }
    });

Change the #yourdiv - and .checkbox to your CSS identifiers.