Just nu i M3-nätverket
Jump to content

Lista som ramlar ner..


Fredriik

Recommended Posts

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

 

Link to comment
Share on other sites

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 :/

 

Link to comment
Share on other sites

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

 

 

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...