用到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" ) ?  "隐藏内容"  :  "显示内容"  );

     });

});

转载于:https://blog.51cto.com/ansue/1672061