I have a checkbox and some `<div>`s that show/hides whenever a checkbox is checked. Now it all works great but it could be more efficient.

```
jQuery("#filtertype").change(function () {
    if (jQuery("#posttype").is(":checked")) {
        jQuery("#postblock").slideDown("slow");
    } else {
        jQuery("#postblock").slideUp("slow");
    }

    if (jQuery("#taxonomycat").is(":checked")) {
        jQuery("#taxonomyblock").slideDown("slow");
    } else {
        jQuery("#taxonomyblock").slideUp("slow");
    }

    if (jQuery("#taxonomytag").is(":checked")) {
        jQuery("#taxonomyblocktag").slideDown("slow");
    } else {
        jQuery("#taxonomyblocktag").slideUp("slow");
    }

    if (jQuery("#fieldjeskey").is(":checked")) {
        jQuery("#fieldblock").slideDown("slow");
    } else {
        jQuery("#fieldblock").slideUp("slow");
    }

    if (jQuery("#sliderme").is(":checked")) {
        jQuery("#sliderblock").slideDown("slow");
    } else {
        jQuery("#sliderblock").slideUp("slow");
    }
});

```

This works like it should; it gets the *ID* of the checkbox `<input>` and for every `<input>` (*#filtertype, #taxonomycat* etc.) it will show or hide a `<div>` (*#postblock, #taxonomyblock* etc.)

It may be smarter to get the *ID* of every `<input>` and toggle the `slideUp`, `slideDown` function.

How can this be done?