[jQuery] help with menu and show/hide divs

[kevinm]

I know I am doing something stupid , but can't figure it out.

I have a menu of three items

<a href="#firstDiv">first<a>
<a href="#secondDiv">second<a>
<a href="#thirdDiv">third<a>

I then have 3 divs

<div id="container">
    <div class="content">
          <div id="firstDiv></div>
         <div id="secondDiv></div>
         <div id="thirdDiv></div>
    </div>
</div>

the first div is shown by default, what I need to do is when menu
items are clicked that the div shown (first,second,or third) is hidden
and the selected div is shown.  I am using the href to determine what
div to show.

I know this is an oft asked thing, but for the life of me I always end
up with two divs showing instead of one.

Thanks for any insight.
Kevin