布拉德利,
感谢您在评论中的进一步澄清。我编写了一些javascript(jQuery),您需要将其插入到主题中:
jQuery( "#panel-2-1-0-0" ).hover( //Print and Document
function() {
jQuery(\'#mega-menu-item-475\').addClass(\'mega-toggle-on\');
}, function() {
jQuery(\'#mega-menu-item-475\').removeClass(\'mega-toggle-on\');
}
);
jQuery( "#panel-2-1-1-0" ).hover( //Telecom
function() {
jQuery(\'#mega-menu-item-477\').addClass(\'mega-toggle-on\');
}, function() {
jQuery(\'#mega-menu-item-477\').removeClass(\'mega-toggle-on\');
}
);
jQuery( "#panel-2-1-0-1" ).hover( //IT Dev
function() {
jQuery(\'#mega-menu-item-476\').addClass(\'mega-toggle-on\');
}, function() {
jQuery(\'#mega-menu-item-476\').removeClass(\'mega-toggle-on\');
}
);
jQuery( "#panel-2-1-1-1" ).hover( // Safety and Security
function() {
jQuery(\'#mega-menu-item-478\').addClass(\'mega-toggle-on\');
}, function() {
jQuery(\'#mega-menu-item-478\').removeClass(\'mega-toggle-on\');
}
);
这些块中的每一块都针对所讨论的面板。一旦用户将鼠标悬停在一个块上,它就会找到相应的mega菜单元素,并应用一个类来显示它。当用户移开鼠标时,会删除类并隐藏菜单。
如您所见,代码基于与mega菜单元素和块关联的ID。If you change the blocks or menu ID\'s the script will no longer work.
有一种更干净的方法来实现这一点(不依赖ID),但为了让您朝着正确的方向前进,这将起作用。
希望这能帮助你走上正轨,如果你有任何问题,请告诉我。