Question

I currently have this working with a button. How do I switch display/hide to work with a Checkbox?

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

Answer 1

Use the change event

$('.show_hide').change(function(){
    $(".slidingDiv").slideToggle();
 });