med jquery kan detta fixas snabbt och lätt.
$(".hiddendiv").hide(); // för att gömma alla med klassen "hiddendiv"
$("div2').show(); // för att visa just div2
<div id="div1" class="hiddendiv">Text 1...</div>
<div id="div2" class="hiddendiv">Text 2...</div>
<div id="div3" class="hiddendiv">Text 3...</div>
<div id="div4" class="hiddendiv">Text 4...</div>
<div id="div5" class="hiddendiv">Text 5...</div>
kolla på
jQuerys hemsida för dokumentation.
edit:
för att göra exemplet lite mer levande:
<script type="text/javascript">
$(function() {
$(".hiddendiv").hide(); // för att gömma alla med klassen "hiddendiv"
$("h3").click(function(){
$(".hiddendiv").hide();
$(this).next().show();
});
});
</script>
<h3 id="hdiv1">Div 1</h3>
<div id="div1" class="hiddendiv">Text 1...</div>
<h3 id="hdiv2">Div 2</h3>
<div id="div2" class="hiddendiv">Text 2...</div>
<h3 id="hdiv3">Div 3</h3>
<div id="div3" class="hiddendiv">Text 3...</div>
<h3 id="hdiv4">Div 4</h3>
<div id="div4" class="hiddendiv">Text 4...</div>
<h3 id="hdiv5">Div 5</h3>
<div id="div5" class="hiddendiv">Text 5...</div>