用到toggle后JQ判断显示和隐藏_两件



fadeToggle()


这段代码中，在.IC的单击事件中，做了两件事情。

一个是执行.Pl的slideToggle()；

一个是判断.Pl的状态，从而更换.IC的文字内容；

//第一种，通过toggle来实现的，注意jQuery版本要是1.9之前的
$(".IC").toggle(function(){
    $(".Pl").slideToggle();
    $(this).text("显示内容");
},function(){
    $(".Pl").slideToggle();
    $(this).text("隐藏内容");
});
//第二种，仍然使用click事件
$(".IC").click(function(){
    $(".Pl").slideToggle(function(){
       $(".IC").text( $(this).is(":visible") ? "隐藏内容" : "显示内容" );
    });

});