我有一个简单的手风琴下拉菜单，它具有四个主要级别。我可以得到第一个在页面加载时打开的页面，最后一个在页面加载时打开的页面。我想要的是让第三个在页面加载时打开。这是我的HTML：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="CSS/Accordion1.css" rel="stylesheet" />
<script src="Scripts/JQuery.js" type="text/javascript"></script>
<script src="Scripts/Accordion1.js" type="text/javascript"></script>
</head>
<body>
<div id="Wrapper">
<div class="accordion">
<div class="primary">Employee Web Links:</div>
<div class="secondary">
SharePoint Webpart
<!--Place Code Between these Markers-->
<!--Place Code Between these Markers-->
</div>
<div class="primary">Phone Directory:</div>
<div class="secondary">
Sharepoint Webpart
<!--Place Code Between these Markers-->
<!--Place Code Between these Markers-->
</div>
<div class="primary">Web Search:</div>
<div class="secondary">
Sharepoint Webpart
<!--Place Code Between these Markers-->
<!--Place Code Between these Markers-->
</div>
<div class="primary">Industry News:</div>
<div class="secondary">
SharePoint Webpart
<!--Place Code Between these Markers-->
<!--Place Code Between these Markers-->
</div>
</div>
</div>
</body>
</html>
这是我的jquery代码：
$(function () {
$(".accordion .secondary").hide();//hides containers
$("div.accordion .secondary:last").slideDown('fast');//opens last container on load
$(".accordion .primary").click(function () {
$(this).next(".accordion .secondary").slideToggle("fast");
})
})
在代码的第四行中，我可以将“ .secondary：last”更改为“ .secondary：first”，这将打开第一个手风琴菜单。但我想在加载时打开第三个手风琴菜单。我已经尝试过“ .secondary：third”和“ .secondary：2”，但是它们不起作用。有人可以帮我吗？
您必须使用“：eq（）”选择元素的索引。下面将在基于零的索引上选择第三个匹配的元素。
$("div.accordion .secondary:eq(2)").slideDown('fast');
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句