Hi, I love this project, but as I am very new to jquery, I cant make some specific action work.
I want to achieve double animation effect in menu. When I hover the mouse first time, I want the popover div to fade in, but if I hover mouse on another menu, I don't want fadein animation anymore.
function activateSubmenu(row) {
var $row = $(row),
submenuId = $row.data("submenuId"),
$submenu = $("#" + submenuId),
height = $menu.outerHeight(),
width = $menu.outerWidth();
if (// popover div is activated)
{
$submenu.css({
display: "block",
top: -1,
left: width - 0, // main should overlay submenu
height: height - 4, // padding for main dropdown's arrow
}); }
else // if popover is not activated.
{
$submenu.css({
top: -1,
left: width - 0, // main should overlay submenu
height: height - 4, // padding for main dropdown's arrow
}) .fadeIn(150);
}
$row.find("a").addClass("maintainHover");
}