Javascript problemer, med visibility og position i style
Her nedenunder postet et ummidelbart simpelt javascript, hvor hvis man trykker på en af de tre knapper, bliver den tilhørende <div> sat til visible og position relative, og de andre bliver sat til hidden og position absolute.Dette virker fint, når man skifter imellem knapperne, men hvis man trykker på den samme knap 2 gange, så forsvinder den tilhørende <div>, hvilket jeg ikke forstår en meter af.
nogen der kan forklare mig hvad der går galt?
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>
<body>
<div>
<div id="Panel1" style="visibility:hidden;position:absolute;">Panel 1</div>
<div id="Panel2" style="visibility:hidden;position:absolute;">Panel 2</div>
<div id="Panel3" style="visibility:visible;position:relative;">Panel 3</div>
<input type="button" name="ButtonPanel1" value="Show Panel 1" onclick="createPanelChooser_ButtonPanel1('Panel1',event);" id="ButtonPanel1" />
<input type="button" name="ButtonPanel2" value="Show Panel 2" onclick="createPanelChooser_ButtonPanel1('Panel2',event);" id="ButtonPanel2" />
<input type="button" name="ButtonPanel3" value="Show Panel 3" onclick="createPanelChooser_ButtonPanel1('Panel3',event);" id="ButtonPanel3" />
<div>
<script type="text/javascript">
<!--
function createPanelChooser_ButtonPanel1(panID,evt)
{
document.getElementById('Panel1').style.visibility = 'hidden';
document.getElementById('Panel1').style.position = 'absolute';
document.getElementById('Panel2').style.visibility = 'hidden';
document.getElementById('Panel2').style.position = 'absolute';
document.getElementById('Panel3').style.visibility = 'hidden';
document.getElementById('Panel3').style.position = 'absolute';
document.getElementById(panID).style.visibility = 'visible';
document.getElementById(panID).style.position = 'relative';
}
-->
</script>
</body>
</html>
