Kevin, You could always go back to basics... i.e. the following (you'll have to use your existing hide show code..) - and I know this isn't elegant...
if (ClickedItem == "firstdiv") { ShowFirstDiv; HideSecondDiv; HideThirdDiv; } elseif (ClickedItem == "firstdiv") { HideFirstDiv; ShowSecondDiv; HideThirdDiv; } else { HideFirstDiv; HideSecondDiv; ShowThirdDiv; }; Regards, Paul On Mar 14, 4:02 am, kevinm <sonicd...@gmail.com> wrote: > 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