Fix JQuery drop down menu conflict

IN PROGRESS
Bids
4
Avg Bid (USD)
$45
Project Budget (USD)
$30 - $250

Project Description:
We are trying to implement a menu like the one at: http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

We are using several menus on the same page, so we modified the jquery a bit to do that. It works fine.

HOWEVER, as we use the menus in a table (one menu per row) it is conflicting with the table styles and the propper styles are not being shown. The table uses:

$('#statstable tr').live("mouseover mouseout", function() {
$(this).children().toggleClass('datahighlight');
});

to highlight each row as the user moves the mouse over. And when a menu is opened there's an issue that does not let the user choose some options of the menu.

Also, as we load content dynamically using ajax to that table we should add some .live() handler to the menus, so once new content is loaded the new menus keep working.

We will provide entire source code only to project winner.

Skills required:
CSS, Javascript, jQuery / Prototype
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


Hire barca2045
$ 50
in 0 days
Hire dihan
$ 30
in 1 days
Hire webtalent7
$ 70
in 1 days
Hire PrestashopMaster
$ 30
in 1 days