Hi,i m new to jquery and creating menu, the menu drop down menu stays under one position i,e the first menu and don't drop under their own respesctive paren't menu and its not taking with to be of decent equal size.what am i doing wrong?

ralphm
—
2012-09-04T23:09:54Z —
#2

How do you want the menu to appear? At the moment, you have one link above the other.

nofel
—
2012-09-05T03:12:15Z —
#3

Yes, now its on top of each other and every sub menu slides down from position of home.i want them to slide in there respective order i.e below there own parent. also i want them be with wise equally.so they look decent and not wrap around just for text

ralphm
—
2012-09-05T04:01:50Z —
#4

The CSS is targeting an UL inside an element called "menubar", so that's why nothing is working. So, firstly, update your HTML to something like this:

Also make sure that jQuery 1.8 is selected on the left, as it is defaulting to Mootools.

Also, in your CSS, change

.menubar ul li{display: inline;}

to

.menubar ul li{float: left;}

nofel
—
2012-09-05T04:13:02Z —
#5

thanks, meanwhile i tried that.there is a issue..1.the drop down overlap parent menu. i need i open a little below. 2.the li background are wrapping to what the size of text is, i want to them to be of decent width, so every menu is equal3. somehow its pulling/inheriting the parent menu style.

ralphm
—
2012-09-05T06:02:57Z —
#6

Please update the Fiddle page or post a link to a new one.

nofel
—
2012-09-05T06:23:45Z —
#7

here...p.s if u can delete the above mentioned menu code.kindly do that..the code is private.