Question

我正在努力使手风琴工作，所以如果你点击第一个它显示，然后如果你点击第二个，我不希望第一个关闭。我想要它，所以如果你想要第一个关闭，你再次点击它。

以下是我希望它如何工作的示例。看看左边的侧边栏 http://www.houseoffraser.co.uk/mens+watches/2031,default,sc.html?srule=price-desc&fix&spcl

这是我的代码

<dl class="accordion" data-accordion>
              <dd>
                <a href="#panel1">Accordion 1</a>
                <div id="panel1" class="content active">
                ffjkfkfkjfkj
                </div>
              </dd>
              <dd>
                <a href="#panel2">Accordion 2</a>
                <div id="panel2" class="content">
                  Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </div>
              </dd>
              <dd>
                <a href="#panel3">Accordion 3</a>
                <div id="panel3" class="content">
                  Panel 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                </div>
              </dd>
            </dl>

Answer 1

您必须使用自定义Jquery脚本覆盖正常的JS Foundation事件

$('.accordion dd > a').on('click', function() {
    $(this).next().toggleClass('active');
    return false;
});

基础手风琴停止切换

1 个答案: