jquery 手风琴菜单在页面加载时打开中间

Question

我有一个简单的手风琴下拉菜单，它有四个主要级别。我可以让第一个在页面加载时打开，最后一个在页面加载时打开。我想要的是让第三个在页面加载时打开。这是我的 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”，但它们不起作用。有人可以帮我解决这个问题吗？

Answer 1

你必须 select 使用“:eq()”的元素的索引。以下将 select 基于零的索引上的第三个匹配元素。

$("div.accordion .secondary:eq(2)").slideDown('fast');

jquery 手风琴菜单在页面加载时打开中间

jquery accordion menu open middle on page load

jquery

accordion

onload