0

我有一个 xml 文档，我正在使用 XSLT 创建手风琴。如果文件夹有一个子文件夹，xslt/xml 应该只创建一个 h3 的手风琴。同时，我需要手风琴生成单页链接。我怎样才能做到这一点？排序确实很重要，所以我不能将单页链接移到手风琴 div 之外......

我到 Google 的单页链接打破了手风琴。我想保留所有元素 h3s。有没有办法让手风琴忽略没有 div 兄弟的 h3？

http://jsfiddle.net/gcqmv/

<div id="accordion">
    <h3>Section 1</h3>
    <div>
            <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>


    <h3>Section 2</h3>
    <div>
            <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>

    <h3><a href="google.html">Single Page Link to Google</a></h3>

    <h3>Section 3</h3>
    <div>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>

</div>
4

2 回答 2

0

对于未来的 stackoverflowers，我只是将手风琴代码作为头文件类的目标。

    <script>
    $(function() {

        $("h3").siblings(".banner").not(".active").hide();



        $( "#accordion" ).accordion( { header: 'h3.folder', collapsible: true});
    });
    </script>
</head>
<body>

<div id="accordion">
    <h3 class="folder">Section 1</h3>
    <div>
            <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>


    <h3 class="folder">Section 2</h3>
    <div>
            <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>

    <h3><a href="google.html">Single Page Link to Google</a></h3>

    <h3 class="folder">Section 3</h3>
    <div>
        ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>

</div>
于 2013-10-10T13:13:25.930 回答
0

google 链接后的 ul 标记没有开头的“<”。a 也缺少结束标签，使所有跟随谷歌实时链接的内容。我也把它放在一个像这样的html结构中，似乎对我有用。 

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
<div id="accordion">
    <h3>Section 1</h3>
    <div>
            <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>


    <h3>Section 2</h3>
    <div>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>

    <h3><a href="google.html">Single Page Link to Google</a></h3>

    <h3>Section 3</h3>
    <div>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>

</div>
</body>
</html>
于 2013-10-09T20:46:53.930 回答