Checking styles before changing?

Question

I have a menu and I'm showing some content only if the user is on the home page. This condition runs every time any menu item is clicked. If the user clicks on the other menu items I do not want to display this content. I'm trying to prevent the JavaScript from having to go back and forth from the HTML. Is this excessive?

Example:

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

Answer 1

You can just use the toggle method:

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

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