我的赞扬是:

<ul class="menu collapsible">
    <li class= expand sectionTitle home >
        <a class= clicker  href= # >Home</a>
        <ul class= acitem >
            <li class="section">stuff goes here
        </ul>
    </li>

    <li class= expand sectionTitle section1 >
        <a class= clicker  href= # >Section 1</a>
        <ul class= acitem >
            <li class="section">stuff goes here
        </ul>
    </li>

    <li class= expand sectionTitle section2 >
        <a class= clicker  href= # >Section 2</a>
        <ul class= acitem >
            <li class="section">stuff goes here
        </ul>
    </li>
</ul>

我愿补充处理礼仪行为的j Query 稿(见下文),以便在点击“立克”元素时,其母体滑坡到第二位。 我总是希望“Home”四分五裂,但我希望在第二位职位上扩大任何四分之四。

Here is the jQuery that controls the menu s accordian behavior:

jQuery.fn.initMenu = function() {  
    return this.each(function(){
        var theMenu = $(this).get(0);
        $( .acitem , this).hide();
        $( li.expand > .acitem , this).show();
        $( li.expand > .acitem , this).prev().addClass( active );
        $( li a , this).click(
            function() {
                var theElement = $(this).next();
                var parent = this.parentNode.parentNode;
                if($(parent).hasClass( noaccordion )) {
                    $(theElement).slideToggle( normal , function() {
                        if ($(this).is( :visible )) {
                            $(this).prev().addClass( active );
                        }
                        else {
                            $(this).prev().removeClass( active );
                        }    
                    });
                    return false;
                }
                else {
                    if(theElement.hasClass( acitem ) && theElement.is( :visible )) {
                        if($(parent).hasClass( collapsible )) {
                            $( .acitem:visible , parent).first().slideUp( normal , 
                            function() {
                                $( .acitem:visible , parent).first().prev().removeClass( active );
                            }
                        );
                    }
                    return false;
                }
                if(theElement.hasClass( acitem ) && !theElement.is( :visible )) {                        
                    $( .acitem:visible , parent).first().slideUp( normal , function() {
                        $(this).prev().removeClass( active );
                    });
                    theElement.slideDown( normal , function() {
                        $(this).prev().addClass( active );
                    });
                    return false;
                }
            }
        }
    );
});
};

$(document).ready(function() {$( .menu ).initMenu();});