javascript - 在更改之前检查样式？

Question

我有一个菜单，只有当用户在主页上时我才会显示一些内容。每次单击任何菜单项时都会运行此条件。如果用户单击其他菜单项，我不想显示此内容。我试图防止 JavaScript 不得不从 HTML 来回切换。这是否过分？

例子:

if(pageNumber === home) {
    $('#content').css({'display':'block'});
} else if($('#content').css('display') !== 'none') {
    $('#content').css({'display':'none'});
}

Answer 1

你可以只使用toggle方法:

$('#content').toggle(pageNumber === home);

http://api.jquery.com/toggle/