2 oder mehr Button übereinander

<hr />
<hr />
<span onclick="document.getElementById('text').style.display='block';document.getElementById('an').
style.display='none';document.getElementById('zu').style.display='block'" id="an" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Letzte Beiträge</span></strong></td>
      </tr>
   </tbody>
</table></span><span onclick="document.getElementById('text').style.display='none';document.get
ElementById('an').style.display='block';document.getElementById('zu').style.display='none'" id="zu" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Text zuklappen</span></strong></td>
      </tr>
   </tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Straßenbahn Prag<p><span style="color:#b22222;"><strong>
 Zillertal Teil 1<p><span style="color:#b22222;"><strong>
Busse Warschau</div>
<hr />
<hr />

<hr />
<hr />
<span onclick="document.getElementById('text1').style.display='block';document.getElementById('an1').
style.display='none';document.getElementById('zu1').style.display='block'" id="an1" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Lenk- und Ruhezeiten</span></strong></td>
      </tr>
   </tbody>
</table></span><span onclick="document.getElementById('text1').style.display='none';document.get
ElementById('an1').style.display='block';document.getElementById('zu1').style.display='none'" id="zu1" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Text zuklappen</span></strong></td>
      </tr>
   </tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Ruhezeitsplitting<p><span style="color:#b22222;"><strong>
Ablösung fährt im Bus mit ...<p><span style="color:#b22222;"><strong>Geschwindigkeit zu hoch</div>
<hr />
<hr />
<span onclick="document.getElementById('text2').style.display='block';document.getElementById('an2').
style.display='none';document.getElementById('zu2').style.display='block'" id="an2" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Letzte Beiträge</span></strong></td>
      </tr>
   </tbody>
</table></span><span onclick="document.getElementById('text2').style.display='none';document.get
ElementById('an2').style.display='block';document.getElementById('zu2').style.display='none'" id="zu2" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Text zuklappen</span></strong></td>
      </tr>
   </tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Unterwelt Stadtwappen<p><span style="color:#b22222;"><strong>
 Zillertal REISEBERICHT<p><span style="color:#b22222;"><strong>
Busse in Warschau</div>
<hr />
<hr />