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/)