Lukas: Mit Javascript div-boxen ein und ausblenden

Beitrag lesen

Hallo leute,

ich hab folgendes problem:

ich habe unterschiedliche texte die durcheinander gewürfelt sind.
jeden textabschnitt habe ich mit einem DIV umrahmt. die textabschnitte die zusammen gehören haben die gleiche ID im DIV.

ich möchte nun mit javascript alle DIV boxen mit der gleich ID aus und einblenden.

so sieht mein quellcode aus:

<style>
#ms_1
{
 display:none;
}
#ms_2
{
 display:block;
}
    </style>
<script type='text/javascript'>
 function show(das){
 document.getElementById(das).style.display='block';
}
 function hide(das){
 document.getElementById(das).style.display='none';
}
 </script>
  </head>
  <body>
<a href="javascript:show('ms_1')"><b>1 open</b></a>
<a href="javascript:hide('ms_1')"><b>1 close</b></a>
<a href="javascript:show('ms_2')"><b>2 open</b></a>
<a href="javascript:hide('ms_2')"><b>2 close</b></a>
    <div id="ms_1">test 1</div>
    <div id="ms_2">test 2</div>
    <div id="ms_1">test 1</div>
    <div id="ms_2">test 2</div>
    <div id="ms_1">test 1</div>
    <div id="ms_2">test 2</div>
    <div id="ms_1">test 1</div>
    <div id="ms_2">test 2</div>
    <div id="ms_1">test 1</div>
    <div id="ms_2">test 2</div>
    <div id="ms_1">test 1</div>
    <div id="ms_2">test 2</div>
    <div id="ms_1">test 1</div>
    <br>

-------
Das problem ist nur das sich nicht alle DIV boxen mitd er selben ID öffnen sondern nur eine (immer die erste mit der ID)

ich kann aber leider ned alle texte zusammenfassen und dann in eien DIV box sperren.

was kann ich tun

Lukas