模板标记的jQuery accordion问题

Question

我对这个手风琴手稿有点小问题。

我知道为什么会这样，但我不能修复它。我不确定有没有可能修好它？

我正在使用的accordion脚本就是这样，它很容易实现。http://www.i-marco.nl/weblog/jquery-accordion-menu/

这个手风琴的标记是简单的和语义的。

<ul class="menu">

    <li>
        <a href="#">Link</a>
        <ul class="acitem">
            <li><a href="http://www.pivotx.net/">PivotX</a></li>
            <li><a href="http://www.wordpress.org/">WordPress</a></li>
            <li><a href="#four">four</a></li>
            <li><a href="http://www.textpattern.com/">Textpattern</a></li>
            <li><a href="http://typosphere.org/">Typo</a></li>
        </ul>
    </li>

    <li>
        <a href="#">Weblog Tools</a>
        <ul class="acitem">
            <li><a href="http://www.pivotx.net/">PivotX</a></li>
            <li><a href="http://www.wordpress.org/">WordPress</a></li>
            <li><a href="#four">four</a></li>
            <li><a href="http://www.textpattern.com/">Textpattern</a></li>
            <li><a href="http://typosphere.org/">Typo</a></li>
        </ul>
    </li>

    <!-- and so fourth -->

</ul>

这是脚本要使用的标记样式。它起作用了，看这里...http://jsfiddle.net/motocomdigital/CzZqZ/1/

但我的问题是因为我正在使用一个无法更改标记的模板，请参见下面的输出标记。

<ul class="menu">

    <ul>
        <li>
            <a href="#">Link</a>
            <ul class="acitem">
                    <li><a href="http://www.pivotx.net/">PivotX</a></li>
                    <li><a href="http://www.wordpress.org/">WordPress</a></li>
                    <li><a href="#four">four</a></li>
                    <li><a href="http://www.textpattern.com/">Textpattern</a></li>
                    <li><a href="http://typosphere.org/">Typo</a></li>
            </ul>
        </li>
    </ul>

    <ul>
        <li>
            <a href="#">Weblog Tools</a>
            <ul class="acitem">
                    <li><a href="http://www.pivotx.net/">PivotX</a></li>
                    <li><a href="http://www.wordpress.org/">WordPress</a></li>
                    <li><a href="#four">four</a></li>
                    <li><a href="http://www.textpattern.com/">Textpattern</a></li>
                    <li><a href="http://typosphere.org/">Typo</a></li>
            </ul>
        </li>
    </ul>

</ul>

这是输出的标记，这很愚蠢。

它输出的比它需要的更多。

我已经为上面的标记创建了一个js小提琴，这样您就可以看到发生了什么http://jsfiddle.net/motocomdigital/CzZqZ/2/

当一个新的打开时它不会关闭其他的.

有没有人知道如何修复这个脚本，让它像第一个jsfiddle一样工作，但上面有疯狂的标记？

如果有人能帮上忙，非常感谢。

乔希

Answer 1

在单击处理程序中，更改为：var parent = this.parentNode.parentNode.parentNode;。这样，它就像你发布的另一个例子一样工作。

Answer 2

将‘noaccordian’类添加到您想要展开/collaspse的"ul“元素中。

示例：

<ul class="menu">
    <ul class="noaccordion">
        <li>
            <a href="#">Click Here</a>
            <ul class="acitem">