Aufklappbarer DIV-^Container

Ich habe vollgendes, für vermutlich viele, simples Problem. Ich wollte auch ein Div erstellen was bei druck auf einen Button/Link öffnet und schließt. Allerdings möchte ich 3 Container nebeneinander machen und jedesmal wenn jemand bsp Container 1 offen hat, soll er an einer Stelle als Infobox erscheinen. Nun soll aber wenn er Infobox 2 öffnet die 1. geschlossen werden, da die Infos an der gleichen Stelle stehen sollen.

Mein Code:
[html]

[/html]Der Aufruf in der HTML ist folgender:
[html]


Informationen anzeigen
        <div class="infotext" id="infos_1">    
                <table class="abstand2" style="position: absolute; top:700px; left: 75px;" border="2" cellpadding="0" cellspacing="0">
                 <tr>
                    <th>Event</th>
                    <td>JATAKA (indoor)</td>
                </tr>
                <tr>
                    <th>Ort</th>
                    <td>offen</td>
                </tr>
                <tr>
                    <th>Datum</th>
                    <td>13.März 2009</td>
                </tr>
                <tr>
                    <th>Uhrzeit</th>
                    <td>22:00 Uhr</td>
                </tr>
                </table>
        </div>
        <div class="geschlossen" style="position: absolute; top:550px; left: 250px; width: 310px;">
            <img src="../bilder/huitaka_ersatzflyer.jpg" style="height: 100px;" title="" alt="" />
            <br />
            <div class="anzeigen" onclick="klapp(2);" id="plusminus_2">
            Informationen anzeigen
            </div>
        </div>
        <div class="infotext" id="infos_2">    
                <table class="abstand2" style="position: absolute; top:700px; left: 309px;" border="2" cellpadding="0" cellspacing="0">
                 <tr>
                    <th>Event</th>
                    <td>HUITAKA<br /> OA 3rd</td>
                </tr>
                <tr>
                    <th>Ort</th>
                    <td>offen</td>
                </tr>
                <tr>
                    <th>Datum</th>
                    <td>22.August 2009</td>
                </tr>
                <tr>
                    <th>Uhrzeit</th>
                    <td>22:00 Uhr</td>
                </tr>
                </table>
        </div>

[/html]Bitte nicht an den CSS Einstellungen stören. Die habe ich erstmal damit irgendwas funzt so genommen.

Der Link zur Seite wenn jemand Optisch sehen will was ich meine ist:

Huitaka Events

Vielleicht hat ja jemand einen Tip. Im Kopf weiß ich mal wieder, wie immer, wie es funktionieren müsste. Leider reicht das Wissen an Möglichkeiten dazu nicht aus.

Liebe Grüße

Quaacks ^^