I have to develop the screen like below where B section have some subsections(B1,B2,B3).When I hover/click on any of them(say B1) a menu with options like B1.a, B1.b, B1.c should appear over the A section part. This should be like an overlay masking the background (section A here) and when I click outside the menu options the menu should collapse.
I started with JQuery's menu, but not sure how to acheive the overlay part.
Any suggestions on how should I go with it.
Hrithik khurana wrote:I started with JQuery's menu...
Neither jQuery core nor jQuery UI have a menu widget, so I assume you are asking about a specific plugin? If so, it'd be a good idea to let us know which one.
However, if your page contains other ul which may lose the styling as well.
So it would be better to assign css class to those ul in your menu and apply the styling on the css class.