Lista som ramlar ner..

[Fredriik]

hur skapar man enklast en sådan här lista som finns på denna sidan..?

http://www.xldennis.com/

 

alltså när man trycker på länken skall en lista falla ner, trycker man på länken igen skall den försvinna, trycker man på en annan länk skall listan som tidigare fallt ner försvinna och den nya visas.. precis som på denna sidan..

 

 

koden är för krånglig för mig för att jag skall kunna plocka ut det bra.. det måste fungera i både IE å Firefox..

 

tack tack

 

[-Patrik Johansson-]

http://javascript.internet.com/navigation/click-to-expand-menu.html

 

//Patrik J

"Insanity: doing the same thing over and over again and expecting different results."

- citat av Albert Einstein

 

[Fredriik]

men det var ju helt fel :/ .. dels vill ja inte ha något plustecken, dels när man trycker på nästa lista skall föregående försvinna och även om d skulle vara rätt så koden man kan kopiera, den fungerade inte :/

 

[HeT]

var subVisible = null;

 

function dropdown(value) {

// antingen en loop som dörnar igenom alla subs

for (var i=0; i < antal menyer; i++) {

document.getElementById("sub" + i).style.display = "none";

}

// eller kanske hellre en variabel subVisible som du sätter för varje gång

if (subVisible) {

document.getElementById("sub" + subVisible).style.display ="none";

}

document.getElementById("sub" + value).style.display = "block";

subVisible = value;

}

 

 

Toppmenyerna som du klickar på måste kalla på funktionen dropdown med en siffra som indikerar vilken meny du vill påverka.

 

Typ:

 

<div id="navigation">

<div id="top1" onclick="dropdown(1);">meny 1</div>

<div class="submeny" id="sub1">innehåll i sub1</div>

 

...osv

 

</div>

 

Sedan bör du ju ha en CSS-class som döljer det hela från start (submeny ovan) om du vill det.

 

.submeny {

display: none;

}

 

Har inte provat det men svårare än så bör det inte vara.

Lycka till

/H