<tr> menu expand

<ole>

Nu igen ...  :)
  http://www.eksperten.dk/spm/561660

/mvh
</bole>

... og _skal_ det være en tabel, kan du lave noget à la:

<script type="text/JavaScript">
function toggle(elm) {
    var nxtSibl = elm.nextSibling;
    nxtSibl.style.display = (nxtSibl.style.display=="none")? "block" : "none";
}
</script>

<table cellspacing="0" cellpadding="0" border="1">
<tr onclick="toggle(this)">
    <td>Overskrift</td>
    <td>anden tekst</td>
    <td>dato</td>
</tr>
<tr style="display:none">
    <td>jhkghlkj</td>
    <td>jhjhjkj</td>
    <td>123456</td>
</tr>
<tr onclick="toggle(this)">
    <td>Overskrift</td>
    <td>anden tekst</td>
    <td>dato</td>
</tr>
<tr style="display:none">
    <td>jhkghlkj</td>
    <td>jhghlkj</td>
    <td>123456</td>
</tr>
</table>

Skidegodt Ole :)  Synes ellers jeg har søgt godt på eksperten.dk efter lignende indlæg - men det har bare altid været divs med absolut placering :)

yups ... men nu har du to muligheder. Den sidste her må du selv style lidt på  :)
Tak for points

Ole, du ved tilfældigvis ikke om man kan gøre det sådan at den springer én <tr> række over vel?

jojoda  :)

var nxtSibl = elm.nextSibling.nextSibling;

'Sibling' på engelsk betyder 'søskende'. Alle TR'er er børn af tabel-elementet (TBODY-elementet, hvis det er helt rigtigt) - derfor er alle TR'er hinandens søskende.
Et elements nextSibling er altså det næste 'søskende-element' - og dets previousSibling er det foregående 'søskende-element'. Simple as that  ;o)

Aaahhh smaaaart :)  Det er vel næsten for meget forlangt at opdatere koden så den også kan lukke en "søskende" <tr> når man klikker på en anden <tr>?  Lidt a la, der kun kan være én åben <tr> hele tiden når man klikker rundt.