當元素可見時，jQuery更改元素的CSS屬性

Question

當菜單可見時，我想更改標題中元素的背景顏色和文本顏色。 我想獲得連續的菜單外觀。 但是，當菜單隱藏時，我也希望該元素恢復其原始樣式。 但是，我的jQuery代碼不起作用。 沒有語法錯誤，但仍然不起作用。 我在if語句中有代碼。 這是jsFiddle的鏈接

http://jsfiddle.net/kamvkg14/2/

這是負責樣式更改的代碼

if ($('.account-menu').css('display') != 'none') {
  $('.header_account').css({
    'background-color': 'white',
    'padding-bottom': '16px',
    'color': 'black'
  });
} else {
  $('.header_account').css({
    'background-color': 'yellow',
    'padding-bottom': '0px',
    'color': '#00FFFF'
  });
}

Answer 1

可以在FIDDLE中找到更新的版本

$('.username-menu').hide();
$('.header_user').click(function(e){
  e.stopPropagation();
    if($('.username-menu').is(':hidden')) {
        $('.header_user').css({'background-color': 'yellow'},
                                 {'padding-bottom' : '0px'},
                                 {'color' : '#00FFFF'});
        $('.username-menu').show();
    } else {
        $('.header_user').css({'background-color': 'white'},
                                 {'padding-bottom' : '16px'},
                                 {'color' : 'black'});
        $('.username-menu').hide();
    }    
});