OnKlik Dropdown

Det er i virkeligheden forholdsvist simpelt:
--------------------------------------------
<div onclick="if(document.getElementById('1').style.display='none'){document.getElementById('1').style.display='block';}else{document.getElementById('1').style.display='none';}">Første punkt</div>
<div id="1" style="display: none;">Første underpunkt</div>

<div onclick="if(document.getElementById('2').style.display='none'){document.getElementById('2').style.display='block';}else{document.getElementById('2').style.display='none';}">Andet punkt</div>
<div id="2" style="display: none;">Andet underpunkt</div>

Hov, jeg glemte lige "==" i if'en:
-------------------------------
<div onclick="if(document.getElementById('1').style.display=='none'){document.getElementById('1').style.display='block';}else{document.getElementById('1').style.display='none';}">Første punkt</div>
<div id="1" style="display: none;">Første underpunkt</div>

<div onclick="if(document.getElementById('2').style.display=='none'){document.getElementById('2').style.display='block';}else{document.getElementById('2').style.display='none';}">Andet punkt</div>
<div id="2" style="display: none;">Andet underpunkt</div>
------------------------------------------
Du kan også lave det som funktion:
------------------------------------------
<script language="JavaScript" type="text/JavaScript">
function ShowSubText(id) {
    if (document.getElementById(id).style.display=='none') {
        document.getElementById(id).style.display='block';
    } else {
        document.getElementById(id).style.display='none';
    }
}
</script>

<div onclick="ShowSubText('1');">Første punkt</div>
<div id="1" style="display: none;">Første underpunkt</div>

<div onclick="ShowSubText('2');">Andet punkt</div>
<div id="2" style="display: none;">Andet underpunkt</div>

Begge dele virker som jeg gerne vil have det!

Super.

Ren teknisk. Hvad er forskellen på de to? De ser ens ud...

Du mener den uden funktion og den med, som jeg postede i mit sidste indlæg?

Den første har hele den lange kode i div'ens "onclick", og den skal derfor sættes ind i onclick'en for hver div, der skal udføre kommandoen.

I andet kodeeksempel har jeg lagt den lange kode op i en funktion:
<script language="JavaScript" type="text/JavaScript">
function ShowSubText(id) {
    if (document.getElementById(id).style.display=='none') {
        document.getElementById(id).style.display='block';
    } else {
        document.getElementById(id).style.display='none';
    }
}
</script>

Denne funktion kan så køres i hver onclick med den simple kommando: ShowSubText('nr')

Derfor bør du nok vælge eksempel 2, da det i længden vil spare dig tid, og da det vil blive langt mere overskueligt. :)

Tak!

-- bemærk lige at et id _skal_ starte med et bogstav eller _, hvilket vil medføre at mange browsere ikke vil kunne fungere med sådanne ugyldige id'er !-)

<ole>

"ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".")."

- så ikke nogen underscore i begyndelsen  =)

http://www.w3.org/TR/html401/types.html#type-id

/mvh
</bole>