水平菜单li hover div content show

Question

我的html页面中有两个div元素。左侧div包含锚元素的水平列表。右侧div包含鼠标悬停的当前锚元素的内容，当我将鼠标悬停在存在的链接上时它应该改变左侧div。当我将鼠标悬停在外面时，最后一项内容应显示在右侧div上。

使用javascript或jquery的任何帮助？

Answer 1

您可以将data-showdiv属性添加到包含div id的链接中。 将所有内容div与class和id放在display：none; 然后用jquery：

$('a.item').hover(function(){
   $('.class').hide();
   $('#'+$(this).data('showdiv')).show();

});