Wat doe ik fout?

[jorenman]

<div id="headmenu">
      <ul class="menu">
           <li><a href="#">Link</a>
                  <ul>
                        <li><a href="#">Link</a>
                        <li><a href="#">Link</a>
                  </ul>
           </li>
       </ul>
</div>

$(document).ready(function(){
	$("#headmenu .menu li").hover(function(){
        $(this).find('ul').slideToggle();
    });
});

Ik wil met deze twee bestanden een drop down menu maken, maar helaas lukt dit niet.

Weet iemand wat ik fout doe?


Groetjes,

Joren

 

[ChielRE]

Hey JorenMan

ik heb even snel gekeken het is niet makkelijk om de fouten eruit te halen alles lijkt gewoon te kloppen (vind ik)

hieronder heb ik een html code neergezet die laat zien hoe je een normaal menu maakt

<ul>

 <li><a href="#">Main item 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>
 </ul>

 </li>

 <li><a href="#">Main item 2</a>

 <ul>
 <li><a href="#">Sub item 2.1</a></li>
 <li><a href="#">Sub item 2.2</a></li>
 <li><a href="#">Sub item 2.3</a></li>
 <li><a href="#">Sub item 2.4</a></li>
 <li><a href="#">Sub item 2.5</a></li>
 </ul>

 </li>

 <li><a href="#">Main item 3</a>

 <ul>
 <li><a href="#">Sub item 3.1</a></li>
 <li><a href="#">Sub item 3.2</a></li>
 </ul>

 </li>

 </ul>

maar nu komt het volgende je wilt een Drop Down menu maken nou ik heb nog verder gekeken en ik vond deze site

Klik hier voor de site

hierin laten ze zien hoe je voledig een dropdown menu maakt met CSS

je kan dit script gebruiken voor een heel nieuw menu maar ook om je fouten te vinden


ik hoop dat het je op weg helpt!
groetjes, Chiel

 

[jorenman]

Het probleem is dat ik dit drop down menu perse in jQuery/Javascript moet doen.

Ik heb namelijk de volgende CSS style:

ul li a:hover {
transition: .5s;
}

Dat betekent dat als je over een link gaat met je muis, dan duurt dat een halve seconde.
Du ook het laten zien en verdwijnen van de ul ul gaat dan met een halve seconde, en dat wil ik niet.

Groetjes,

Joren

 

[stefanz]

Hallo jorenman,

Op die manier gaat het niet werken
Maar zo kan het wel:

http://jsfiddle.net/jsx1dwyp/