merere Dropdown menüs

[localhost]

Hallo
Ich versuche die Menüs einzeln mit dem jeweiligen link zu öffnen.
Hab eine Schleife mit PHP die immer unterschiedlich lang ist und brauche immer ein dropdown Menü mit Link dazu.

<script type=text/javascript>
function dropdown()
    {
        var searchForm = document.getElementById('dropdown');
        
        if(searchForm.style.display == 'block')
        {
            searchForm.style.display = 'none';
        }
        else
        {
            searchForm.style.display = 'block';
        }
    }
</script>

<br />

<table border="1" width="800">
<tr>
<td width="200"><A href="javascript:dropdown();">00Mailsuche11</A></td>
<td width="200"> aa  aaa aa </td>
<td width="400">
 a<DIV id="dropdown" style="DISPLAY: none;"><table border="1"><tr><td>Test <br >Test</td></tr></table></DIV>
</td>
</tr>
</table>


<br />
<br />

<table border="1" width="800">
<tr>
<td width="200"><A href="javascript:dropdown();">00Mailsuche11</A></td>
<td width="200"> aa  aaa aa </td>
<td width="400">
 a<DIV id="dropdown" style="DISPLAY: none;"><table border="1"><tr><td>Test <br >Test</td></tr></table></DIV>
</td>
</tr>
</table> 

Vielen dank im vorraus
Gruß localhost

[nul]

Und wo liegt bei dir das Problem?
Ausser dass du immer das gleiche Menu oeffnest (id-tag sollte immer eindeutig sein) fehlt nichts.
Das ganze sollte ca so aussehn:

<script type=text/javascript>
function dropdown($idname)
    {
        var searchForm = document.getElementById($idname);
        
        if(searchForm.style.display == 'block')
        {
            searchForm.style.display = 'none';
        }
        else
        {
            searchForm.style.display = 'block';
        }
    }
</script>

<br />

<table border="1" width="800">
<tr>
<td width="200"><A href="javascript:dropdown('dropdown0');">00Mailsuche11</A></td>
<td width="200"> aa  aaa aa </td>
<td width="400">
a<DIV id="dropdown0" style="DISPLAY: none;"><table border="1"><tr><td>Test <br >Test</td></tr></table></DIV>
</td>
</tr>
</table>


<br />
<br />

<table border="1" width="800">
<tr>
<td width="200"><A href="javascript:dropdown('dropdown1');">00Mailsuche11</A></td>
<td width="200"> aa  aaa aa </td>
<td width="400">
a<DIV id="dropdown1" style="DISPLAY: none;"><table border="1"><tr><td>Test <br >Test</td></tr></table></DIV>
</td>
</tr>
</table>

[localhost]

Ja cool danke das war das Problem.
Kamm nicht dadrauf.

Gruß localhost

Und wo liegt bei dir das Problem?
Ausser dass du immer das gleiche Menu oeffnest (id-tag sollte immer eindeutig sein) fehlt nichts.
Das ganze sollte ca so aussehn:

<script type=text/javascript>
function dropdown($idname)
    {
        var searchForm = document.getElementById($idname);
        
        if(searchForm.style.display == 'block')
        {
            searchForm.style.display = 'none';
        }
        else
        {
            searchForm.style.display = 'block';
        }
    }
</script>

<br />

<table border="1" width="800">
<tr>
<td width="200"><A href="javascript:dropdown('dropdown0');">00Mailsuche11</A></td>
<td width="200"> aa  aaa aa </td>
<td width="400">
a<DIV id="dropdown0" style="DISPLAY: none;"><table border="1"><tr><td>Test <br >Test</td></tr></table></DIV>
</td>
</tr>
</table>


<br />
<br />

<table border="1" width="800">
<tr>
<td width="200"><A href="javascript:dropdown('dropdown1');">00Mailsuche11</A></td>
<td width="200"> aa  aaa aa </td>
<td width="400">
a<DIV id="dropdown1" style="DISPLAY: none;"><table border="1"><tr><td>Test <br >Test</td></tr></table></DIV>
</td>
</tr>
</table>