jQuery Accordion - open specific section on pageload

后端 未结 7 895
别那么骄傲
别那么骄傲 2020-12-28 19:57

I have a rather basic implementation of a jQuery Accordion on a page (using 1.3.2, jQuery UI Core 1.72 and jQuery UI Accordion 1.7.2), and I wish to open the 2nd section whe

7条回答
  •  误落风尘
    2020-12-28 20:34

    I have resolved this question a little different since I had to create a menu.php which we include I have included every single page. In our project there was 1 accordion (a menu element with 2 submenus). So when the visitor is on the submenus, the accordion is open and the selected link (which are highlighted using CSS, not jQuery) active. But when the visitor is on a different page, the accordion works normally.

    Here's the javascript:

    var containsParams = /teacher|student/i.test(window.location.href), //regexp with string params
    accordion = $("li.accordion"); // the accordion as a global
    
    accordion.accordion({ //accordion setup on every page
        animated : !containsParams,
        active : containsParams,
        collapsible : true,
        event : "click",
        header : "h2"
    });
    
    //I like to use "self calling methods" since many times I need a main onload event and this way it's clear for every page and my main function still remains
    (function () {
        if (containsParams) accordion.accordion("activate", 0);
    })();
    

    Hope you like it. =]

    Best regards! =]

提交回复
热议问题