You create a Web page that contains drop-down menus that are defined by using div tags in the
following code.
You need to write a JavaScript function that will enable the drop-down menus to activate when the
user positions the mouse over the menu title. Which code segment should you use?
A.
$(“.dropdown-menu”).hover(
function () {
$(“.menu-items”). slideDown (100);
},
function () {
$(“.menu-items”). slideUp (100);
}
);
B.
$(“.dropdown-menu”).hover(
function () {
$(“.menu-items”, this). slideDown (100);
},
function () {
$(“.menu-items”, this). slideUp (100);
}
);
C.
$(“.dropdown-menu”).hover(
function () {
$(this). slideDown (100);
},
function () {
$(this). slideUp (100);
}
);
D.
$(“.dropdown-menu”).hover(
function () {
$(this, “.menu-title”). slideDown (100);
},
function () {
$(this, “.menu-title”). slideUp (100);
}
);
Explanation:
hover() function
(http://api.jquery.com/hover/)