This week's book giveaway is in the Servlets forum.
We're giving away four copies of Murach's Java Servlets and JSP and have Joel Murach on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes How to display inner list on mouse over. Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login

Win a copy of Murach's Java Servlets and JSP this week in the Servlets forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "How to display inner list on mouse over." Watch "How to display inner list on mouse over." New topic

How to display inner list on mouse over.

SaiManasa Dasari
Ranch Hand

Joined: Aug 21, 2012
Posts: 32
I need to display innerlist on mouseover and hide it on mouse out.Below is my code.But its displaying whole thing and not working.could anyone plaese help me.
<meta charset="utf-8" />
<title>Css Dropdown menu</title>
ul.topmenu, ul.topmenu ul {
display: block;
margin: 0;
padding: 0;
ul.topmenu li {
display: inline;
list-style: none;
margin: 0;
padding-right: 1.5em;
ul.topmenu li ul {
visibility: hidden; }
ul.topmenu li.submenu:hover ul {
visibility: visible;

bala nannaka
Ranch Hand

Joined: Apr 02, 2007
Posts: 49
try something like this

Bear Bibeault
Author and ninkuma

Joined: Jan 10, 2002
Posts: 60732

This is nonsense:
bala nannaka wrote:

You are establishing a ready function inside a ready function. You use one of these constructs, never both.

Passing a function to the jQuery function, is a shorthand way of establishing a ready function. You don't need to do it twice.

[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
subject: How to display inner list on mouse over.
Similar Threads
converting html to pdf
Absolute Position in IE
Problem with struts-menu for second level submenu
CSS dots and dashes
CSS navigation Menu