PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

jQuery Drop Down Menu

Door Remco Fischer op 13-05-2012 21:21
1.960 views
Hallo allemaal ik heb een dropdown menu gevonden op:
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery/comment-page-2/#comments
aleen werkt het volgende in de html niet goed:
<nav id="topNav">
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Folder 0</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Folder 1</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</nav>

wat moet er verandert worden om het telaten werken?
O
Obelix Idefix
13-05-2012 21:27
Remco Fischer op 13/05/2012 21:21:49

aleen werkt het volgende in de html niet goed:



En wat werkt er niet goed dan?
Krijg je een foutmelding?
Ziet het er anders uit?
Heb je wel bv de css goed en de eventuele id's/classes juist meegegeven?
Wouter J
13-05-2012 21:38
Het werkt hier anders prima

[size=xsmall]Toevoeging op 13/05/2012 21:38:49:[/size]

Het werkt hier anders prima
R
Remco Fischer
13-05-2012 21:46
je krijkt de sub item's in "Folder 2.1" niet te zien dat zij de volgende item's:
Sub Item 2.1.1, Sub Item 2.1.2, Folder 3.1.1, enz.
zie hier dat stukje script:
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
<li><a href="#">Sub Item 3.1.1.3</a></li>
<li><a href="#">Sub Item 3.1.1.4</a></li>
<li><a href="#">Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>


[size=xsmall]Toevoeging op 13/05/2012 21:58:56:[/size]

waneer je folder 2 opend gaat alle's open en dat maakt het soms erg onleesbaar
Wouter J
13-05-2012 22:05
Altijd leuk als mensen jou vertellen wat jij wel/niet ziet...


[offtopic]Zou je [code] tags willen gebruiken?[/offtopic]
R
Remco Fischer
14-05-2012 09:28
Dat is precies wat ik bedoel niet over elkaar maar naast elkaar
g
gerhard l
14-05-2012 09:51
Ik snap je nog niet?
Joakim Broden
14-05-2012 12:38
Geef een online demo, daar kunnen we veel meer mee want mijn glazenbol is momenteel stuk..
Q S
14-05-2012 15:09
Remco Fischer op 13/05/2012 21:30:22

nou het noet er ongeveer zo reageren: http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
bij folder 2.1 verschijnen de sub items niet


Waarom gebruik je die handleiding dan niet als het zo moet reageren? Voor zover ik het nu zie is het script dat je nu gebruikt niet geschikt voor meer als 1 extra laag.

Reageren

Inloggen om te reageren