Javascript onhover div应该使用jquery显示

Javascript onhover div应该使用jquery显示,javascript,jquery,angularjs,html,Javascript,Jquery,Angularjs,Html,悬停时李迪夫会来的,我知道了。默认情况下,我的问题是显示第一个div。我想显示第一个div。 有人能推荐我吗? 我们将不胜感激 $‘菜单a’。悬停功能E{ hideContentDivs; var tmp_div=$this.parent.index; $'.main div'.eqtmp_div.show; }; 函数hideContentDivs{ $'.main div'.eachfunction{ $this.hide;}; } hideContentDivs; 第1页 第一节内容 第

悬停时李迪夫会来的,我知道了。默认情况下,我的问题是显示第一个div。我想显示第一个div。 有人能推荐我吗? 我们将不胜感激

$‘菜单a’。悬停功能E{ hideContentDivs; var tmp_div=$this.parent.index; $'.main div'.eqtmp_div.show; }; 函数hideContentDivs{ $'.main div'.eachfunction{ $this.hide;}; } hideContentDivs; 第1页 第一节内容

第2页 第二部分内容

第3页 第三部分内容


最初隐藏除第一个之外的div,要忽略第一个div,可以将jQuery伪选择器与选择器或use方法一起使用

$‘菜单a’。悬停功能E{ hideContentDivs; var tmp_div=$this.parent.index; $'.main div'.eqtmp_div.show; }; 函数hideContentDivs{ $'.main div'.hide; } $'.main div:not:first'.hide; 第1页 第一节内容

第2页 第二部分内容

第3页 第三部分内容


您可以添加$page1.show;结束。它将第一个div显示为默认值

$‘菜单a’。悬停功能E{ hideContentDivs; var tmp_div=$this.parent.index; $'.main div'.eqtmp_div.show; }; 函数hideContentDivs{ $'.main div'.eachfunction{ $this.hide;}; } hideContentDivs; $page1.0显示; 第1页 第一节内容

第2页 第二部分内容

第3页 第三部分内容


您可以使用css样式进行此操作

$‘菜单a’。悬停功能E{ hideContentDivs; var tmp_div=$this.parent.index; $'.main div'.eqtmp_div.show; }; 函数hideContentDivs{ $'.main div'.hide; } 第1页 第一节内容

第2页 第二部分内容

第3页 第三部分内容


只需添加“$page1.show;”作为@Deepu Reghunath thanks的脚本结尾,也不需要更改代码
$('.main div:not(:first)').hide();
// or
$('.main div').slice(1).hide();