I have a menu bar at the top of the page, and I want to change part of the page content upon clicking one of the menu buttons. I can't figure out how the program the JavaScript, I'm very new to programming. If someone could give me a hand that'd be awesome!

Here's the basic code below without any CSS. Not sure how to begin with the JavaScript.

HTML Code:
<html>

<head>
</head>

<body>
<div class="menubar">
    <ul>
        <li><a class="link" href="#">Home</a></li>
        <li><a class="link" href="#">Sales Staff</a></li>
        <li><a class="link" href="#">About Us</a></li>
        <li><a class="link" href="#">Services</a></li>
        <li><a class="link" href="#">Training</a></li>
        <li><a class="link" href="#">Rentals</a></li>
        <li><a class="link" href="#">Affiliations</a></li>
        <li><a class="link" href="#">Articles</a></li>
        <li><a class="link" href="#">Careers</a></li>
    </ul>
</div>

<div id="home" display:none>
     <!-- Content -->
</div>

<div id="salesstaff" display:none>
     <!-- Content -->
</div>

<div id="aboutus" display:none>
     <!-- Content -->
</div>

<div id="services" display:none>
     <!-- Content -->
</div>

<div id="training" display:none>
     <!-- Content -->
</div>

<div id="rentals" display:none>
     <!-- Content -->
</div>

<div id="affiliations" display:none>
     <!-- Content -->
</div>

<div id="articles" display:none>
     <!-- Content -->
</div>

<div id="careers" display:none>
     <!-- Content -->
</div>


</body>

</html>