Question

jquery写的这一段代码有冗余，要怎么样封装起来，求简化代码

求封装调用之后的代码 ，最好加上注释，谢谢
已经解决 谢谢大家





Answer 1

$('.btn_year').click(function(){
if ($('.year_select').css('.display')=='block') {
$('.year_select').slideUp(200);
} else {
$('.year_select').slideDown(200);
}

});

$('.btn_month').click(function(){
if ($('.month_select').css('.display')=='block') {
$('.month_select').slideUp(200);
} else {
$('.month_select').slideDown(200);
}

});

Answer 2

$(".btn_year").click(function(){
    $(".year_select").slideToggle(200);
});

$(".btn_month").click(function(){
    $(".month_select").slideToggle(200);
});


// --------------

$(["year","month"]).each(function(i, dom){
    $(".btn_" + dom).click(function(){
        $(".month_" + dom).slideToggle(200);
    });
});

Answer 3

var ys = #(".XX")
$(".XX").click(function(){
if(this.find(ys).css('display')=='block'){

this.slideUp(200);
}else{
this.slideDown(200)
}
})

追问

有点像，但是没看懂，也不知道怎么调用了，你直接给出答案呗

追答

这就是答案啊，定义变量ys，获取你要显示隐藏的类
然后你点击什么XX来使这隐藏显示；
然后判断，如果ys的样式中是显示的，
那么当前的就隐藏，否则就显示

下面的XX是你要点击的那个元素
上面的XX是你要绑定的下拉元素块