我有一个复选框和一些在<div>
选中复选框时显示/隐藏的 s。现在一切都很好,但它可能会更有效率。
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");
}
});
这就像它应该的那样工作;它获取复选框的ID<input>
,并且对于每个<input>
(#filtertype、#taxonomycat等),它将显示或隐藏一个<div>
(#postblock、#taxonomyblock等)
获取 each的ID<input>
并切换slideUp
,slideDown
功能可能更聪明。
如何才能做到这一点?