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();
    }    
});

当元素可见时，jQuery更改元素的css属性

1 个答案: