javascript - 当另一个打开时如何关闭 Accordion ？

Question

我有一个 Accordion 。它在下面的 fiddle 中给出。 http://fiddle.jshell.net/7vRV9/

在这种情况下，当我单击元素组 1 时，它将打开，然后单击元素组 2。它也会打开。但我的要求是，当一个打开时，如果我有几个(现在只有两个)，所有其他都应该关闭。如何实现这个？

Answer 1

我希望这对你有用。只需将下面的 HTML 代码段替换为您的 JSFIDDLE HTML 即可。它将开始工作。如果您有任何疑问，请随时询问。

<div class="accordion" id="food-category">
<div class="accordion-group">
    <div class="accordion-heading">
        <div class="accordion-toggle" data-toggle="collapse" data-parent="#food-category" href="#indian">Indian Food</div>
    </div>
    <div class="accordion-body collapse" id="indian">
        <ul>
            <li> Food 1</li>
            <li> Food 2</li>
            <li> Food 3</li>
        </ul>
    </div>
</div>
<div class="accordion-group">
    <div class="accordion-heading">
        <div class="accordion-toggle" data-toggle="collapse" data-parent="#food-category" href="#sea">Sea Food</div>
    </div>
    <div class="accordion-body collapse" id="sea">
        <ul>
            <li> Food 1</li>
            <li> Food 2</li>
            <li> Food 3</li>
        </ul>
    </div>
</div>
<div class="accordion-group">
    <div class="accordion-heading">
        <div class="accordion-toggle" data-toggle="collapse" data-parent="#food-category" href="#chinese">chinese Food</div>
    </div>
    <div class="accordion-body collapse" id="chinese">
        <ul>
            <li> Food 1</li>
            <li> Food 2</li>
            <li> Food 3</li>
        </ul>
    </div>
</div>
</div>