Reputation: 15835

Is it possible to do a dropdown menu without Javascript or Jquery

We have a requirement not to use javascript for dropdown menus. This requirement is due to maitain SEO value.

Is there any way to achieve this with purely css and make it work on all browsers.

I tried with li mouseover and mouseout , but its not working in IE7. its working only in Firefox.

Can you please advice or give directions on good solution.

thanks

Upvotes: 5

Answers (4)

Reputation: 10015

You can do it just with CSS

#item {
    display: none;
}

#item:hover {
    display: block
}

Also have a look here:

You might face an issue with IE6 for hover over HTML element different of so you can use this hack/fix

works under IE 6/7/8, tested with IETester

Upvotes: 4

Reputation: 114377

Yes it is.

Upvotes: 6

Reputation: 3430

Maybe this would work for you

Upvotes: 3

Reputation: 1604

What about plain HTML?

<select name="myDropdown">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

Upvotes: 2