Jquery 如果条件 CSS

Question

我有这段代码:“slideToggle”功能运行良好，但背景颜色没有改变。有小费吗？谢谢

jQuery:

$("#btnContactMob").on("click", function(){
  $("#contactMob").stop(true).slideToggle();
});

if (('#contactMob').is(':visible')) {
  $('#btnContactMob').css('background-color', '#FFF');
}

CSS:

#btnContactMob {
    cursor: pointer;
    width: 100%;
    height: 55px;
    color: #333;
    background-color: #CCCCCC;
    border-top:1px solid #1a1a1a;
    font-family: Lato-Regular;
    text-align: center;
    padding-top: 10px;
    font-size: 26px;
}
    #contactMob {
    width: 100%;
    height:100%;
    position: relative;
    background-color: #FFF;
    float: left;
    display: none;
    }

Answer 1

您需要将条件检查移至 slideToggle 回调

var $el = $('#contactMob');
var $btn = $("#btnContactMob").on("click", function () {
    $el.stop(true).slideToggle(function () {
        $btn.css('background-color', $el.is(':visible') ? '#FFF' : '');
    });
});

演示:Fiddle