jQuery 点击按钮显示隐藏

 jQuery判断div是否显示或者隐藏

if($('#div').is(':hidden')){

      //如果隐藏时。。。

}else{

      //如果显示时。。。

}

点击按钮显示隐藏内容（按钮旋转）

文字文字文字

.box .open-icon{ display:inline-block; background: url(images/nc_icon12.png) no-repeat center; width: 16px; height: 13px; -webkit-transition: -webkit-transform .5s linear;transition: -webkit-transform .5s linear;transition: transform .5s linear; transition: transform .5s linear,-webkit-transform .5s linear;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.box .put-icon{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.brief{ display: none;}

$('.box span').click(function() {
    if($('.box span').hasClass('put-icon')){
         $(this).removeClass('put-icon');
    }else{
         $(this).addClass('put-icon');
    }
    $('.brief').slideToggle();
});