Jana Hansen: Muss bei JavaScript-Menu doppelklicken damit Div öffnet

Beitrag lesen

Hallo Leute hab ein Problem,
Ich hab einen Seite in der ich mir ein Menu mit JavaScript gebaut habe.
Das heißt wenn ich auf einen Menu-Button klicke öffnet ein Div mit Inhalt.
Jetzt ist das Problem, immer wenn ich die Seite das erste mal geladen habe, das ich auf den Menu-Button 2 mal klicken muss damit das Div öffnet und dann funktioniert es mit einem klick.

Quelltext JavaScript (Das Script ist nicht von mir sondern aus dem Internet, ich kann aber nicht mehr sagen von Wem):

var box = new Array();
box[0] = 'ltg1';
box[1] = 'ltg2';
// box[2] = 'text3';
// usw.

function show(id)
{
        if(document.getElementById(id).style.display=="none")
        {
                for(i=0;i<box.length;i++)
                {
                        document.getElementById(box[i]).style.display="none";
                }

document.getElementById(id).style.display="block";
        }
        else
        {
                document.getElementById(id).style.display="none";
        }
}

------------------------------------------------------------------------

Quelltext HTML:

<html>
  <head>
        <script language="JavaScript" src="script/mein_externes_script.js"></script>
      </head>
  <body>
      <div class="text">
<div id="menu">
<a href="#" onClick="show('ltg1')">button1</a>
<a href="#" onClick="show('ltg2')">button2</a>
</div>
<div id="ltg0">
Inhalt DIV 1
</div>
<div id="ltg1">
Inhalt DIV 2
</div>
     </div>
  </body>
</html>

Vielleicht habt ihr irgendeine Idee wie ich das Problem lösen kann.
Vielen Dank