You create a Web page that contains drop-down menus that are defined by using div tags in the following code.
<div class=”dropdown-menu”>
<div class=”menu-title”>Menu One</div>
<div class=”menu-items” style=”display:none;”>
<div><a href=”#”>Item One</a></div>
<div><a href=”#”>Item Two</a></div>
</div>
</div>
<div class=”dropdown-menu”>
<div class=”menu-title”>Menu Two</div>
<div class=”menu-items” style=”display:none;”>
<div><a href=”#”>Item Three</a></div>
<div><a href=”#”>Item Four</a></div>
</div>
</div>
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);
}
);