make sub menu open on hover not on click

Question

Hello i have this menu that i want it to open the sub menus on hover.

here is the test its just missing a icon but dont mind it. Can you pin point where should i change the css. Thanks

  <div id="cssmenu" style="margin-top:80px">
  <ul>

  <li class='active has-sub'><a href='#'><img src="ico.png" width="19" height="19" style="margin-right:10px"><span>Resturant</span></a>
  <ul>
     <li ><a href="resturant.html"><span>MENU</span></a>

     </li>
     <li ><a href=''><span>SELSKABER</span></a>

     </li>
       <li><a href=''><span>KOGEBØGER MM.</span></a>

     </li>
   </ul>
  </li>
  <li><a href='gallery.html'><img src="ico.png" width="19" height="19" style="margin-right:10px"><span>Undstilling</span></a></li>
  <li class='last'><a href='contact.html'><img src="ico.png" width="19" height="19" style="margin-right:10px"><span>Om stedet</span></a></li>
  </ul>
  </div>

Igor · Accepted Answer · 2014-08-14 17:25:02Z

1

Hy friend try this

$('#cssmenu li.has-sub>a').mouseover(function(){
//or
$('#cssmenu li.has-sub>a').on('mouseover', function(){

See this example

answered Aug 14, 2014 at 17:25

Igor

4,0334 gold badges37 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1780729 Over a year ago

hello this did the work but as u can see the animation is continuint a couple of times and i want it to hover on and show the items and stop.

Igor Over a year ago

Oh, is truth! See this jsfiddle.net/Igaojsfiddle/rtyynb6L/2, using .mouseenter()

Collectives™ on Stack Overflow

make sub menu open on hover not on click

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related