• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

How to display inner list on mouse over.

 
SaiManasa Dasari
Ranch Hand
Posts: 32
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi
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.
<html>
<head>
<meta charset="utf-8" />
<title>Css Dropdown menu</title>
<style>
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;
}
</style>
</head>
<body>

</div>
</body>
</html>
 
bala nannaka
Ranch Hand
Posts: 49
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
try something like this

 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 65216
95
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic