Javascript 简单手风琴语法

我想知道为什么导航链接不能打开手风琴。我确信有一些jquery语法不正确。我更改了jquery代码中的选择器，现在它不起作用了

我相信对于一个训练有素的人来说，这应该是一个快速解决办法

有人能帮忙吗

////////////////////////////
// http://www.adipalaz.com/experiments/jquery/accordion.html
///////////////////////////
（函数（$）{
//http://www.mail-archive.com/jquery-en@googlegroups.com/msg43851.html
$.fn.olivers=函数（）{
var txt=[]；
this.each（function（）{$.each（this.childNodes，function（））{
if（this.nodeType==3&&$.trim（this.nodeValue））txt.push（this）
})}); 
返回$（txt）；
};
//http://www.learningjquery.com/2008/02/simple-effects-plugins:
$.fn.fadeToggle=函数（速度、缓和、回调）{
返回这个。设置动画（{opacity:'toggle'}，速度，放松，回调）；
};
$.fn.slideFadeToggle=函数（速度、缓和、回调）{
返回这个。设置动画（{opacity:'toggle'，height:'toggle'}，速度，缓和，回调）；
};
})（jQuery）；
////////////////////////////
$（函数（）{
$（'.collapse'）.hide（）；
$（'.expand'）.orgins（）.wrap（''）；
//演示4-div.demo:eq（3）-排队幻灯片效果：
$（'div.demo.expand'）。单击（函数（）{
var$thisCllps=$（this.next（'.collapse'）；
var$cllpsVisible=$（this.ul（'.expand'）.next（'.collapse:visible'）；
（$cllpsVisible.length）？$（this.toggleClass（'open'）。同级（'.expand'）。removeClass（'open'））
.next（'.collapse:visible'）.slideUp（400，function（）{
$thisCllps.slideDown（）；
})：$thisCllps.slideToggle（）.prev（'.expand'）.toggleClass（'open'）；
返回false；
});
});

第1.1项。
项目1.2


第2.1项。
项目2.2


第3.1项。
项目3.2

为什么不直接使用Jquery手风琴功能呢

---

没有与

匹配的元素。请在
.demo
中展开
。我刚刚尝试修复该问题，但仍然无法正常工作。我也改变了一些事情，看看我的链接。看到其他内容了吗？我会的，但我需要使用列表中的链接激活accordion，并且这些链接不在同一个分区中。我还需要在打开另一个accordion窗格之前完全关闭每个accordion窗格。就像在这个例子中一样（仅供参考：我不能使用这个代码，因为我需要窗格保持流畅），如果你知道如何让UI做这些事情，我很乐意使用它。你启发了这个问题。我很想让你看看。




    ////////////////////////////
    // http://www.adipalaz.com/experiments/jquery/accordion.html
    ///////////////////////////
    (function($) {
    //http://www.mail-archive.com/jquery-en@googlegroups.com/msg43851.html
    $.fn.orphans = function(){
        var txt = [];
        this.each(function(){$.each(this.childNodes, function() {
            if (this.nodeType == 3 && $.trim(this.nodeValue)) txt.push(this)
        })}); 
        return $(txt);
    };
    //http://www.learningjquery.com/2008/02/simple-effects-plugins:
    $.fn.fadeToggle = function(speed, easing, callback) {
        return this.animate({opacity: 'toggle'}, speed, easing, callback);
    };
    $.fn.slideFadeToggle = function(speed, easing, callback) {
        return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);
    };
    })(jQuery);
    ////////////////////////////
    $(function() {
        $('.collapse').hide(); 
        $('.expand').orphans().wrap('');



        //demo 4 - div.demo:eq(3) - queued slide effects:
        $('div.demo .expand').click(function() {
            var $thisCllps = $(this).next('.collapse');
            var $cllpsVisible = $(this).ul('.expand').next('.collapse:visible');
            ($cllpsVisible.length) ? $(this).toggleClass('open').siblings('.expand').removeClass('open')
                .next('.collapse:visible').slideUp(400, function() {
                $thisCllps.slideDown();
                }) : $thisCllps.slideToggle().prev('.expand').toggleClass('open');
            return false;
        });


    });






    <div class="demo">


        <ul class="collapse" class="ul" style="display: none; ">
          <li>Item 1.1.</li>    
          <li>Item 1.2.</li>
        </ul>

        <ul class="collapse" class="ul" style="display: none; ">
          <li>Item 2.1.</li>    
          <li>Item 2.2.</li>
        </ul>

        <ul class="collapse" class="ul" style="display: none; ">
          <li>Item 3.1.</li>    
          <li>Item 3.2.</li>
        </ul>
    </div>
<ul>
<li>
    <h4 class="expand"><a href="#" title="expand/collapse">Slide Up/Down UL 1</a></h4>
</li>
<li>
    <h4 class="expand"><a href="#" title="expand/collapse">Slide Up/Down UL 2</a></h4>
</li>
<li>
    <h4 class="expand"><a href="#" title="expand/collapse">Slide Up/Down UL 3</a></h4>
</li>
</ul>