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); } );