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…

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?