jQuery if语句改变CSS

Question

此代码是关于按下使文本切换(显示/隐藏)的按钮:

jQuery('Button']').click(function () {
    jQuery('#text').slideToggle('fast', function () {});      
    if (jQuery('#text').css('display') == 'block') {
        jQuery('#dropdown1arrow').css({"border-top":"0px"});
        jQuery('#dropdown1arrow').css({"border-bottom":"7px solid #0767B1"});            
       }
    if (jQuery('#text').css('display') == 'none') {
        jQuery('#dropdown1arrow').css({"border-bottom":"0px"});
        jQuery('#dropdown1arrow').css({"border-top":"7px solid #0767B1"});        
       }    
});

除了显示外一切正常:无，有人知道为什么/如何解决这个问题吗？

Answer 1

改为测试元素是否可见:

if (jQuery('#text').is(":visible")) {
    // something
}
else {
    // something else
}