Need help with Hiding/showing div

Need help with Hiding/showing div

Hey guys I'm new to jquery and i'm hoping to learn over time through different sites I work on. Right now I'm working on an all in 1 page site where the content hides/shows depending on the which link you click in the navbar.

Heres an example of what I mean:

$(document).ready(function(){        
    $("#service").hide();
});
$(window).bind('click', function(){
if($(this).click("li.services")) {
$("#service").show();
}
});

Now how do I go about hiding this section when I click on a different link in my navbar?

I've tried

$(window).bind('click', function(){
if($(this).click("li.main")) {
$("#service").hide();
}
});

But it doesn't do anything but stop the original code from working. Any thoughts?