Twitter bootstrap Bootstrap手风琴式组管理

Twitter bootstrap Bootstrap手风琴式组管理,twitter-bootstrap,Twitter Bootstrap,我有两个可折叠的项目在一个divfooter面板中。我还使用dataparent=footer面板来尝试实现手风琴效果。但是,当打开另一个面板时,另一个面板没有关闭 我的加价有什么问题吗 <div id="footer-panels"> <div id="footer-email-signup" class="container collapse"> <div class="row"> <h4>Ne

我有两个可折叠的项目在一个divfooter面板中。我还使用dataparent=footer面板来尝试实现手风琴效果。但是,当打开另一个面板时,另一个面板没有关闭

我的加价有什么问题吗

<div id="footer-panels">
    <div id="footer-email-signup" class="container collapse">
        <div class="row">
             <h4>Newsletter</h4>

        </div>
    </div>
    <div id="footer-follow-us" class="container collapse">
        <div class="row">
             <h4>Follow Us</h4>

        </div>
    </div>
</div>
<nav id="utility-nav" class="container">
    <ul class="nav-justified visible-desktop">
        <li> <a id="email-signup-link" class="collapsed" data-toggle="collapse" data-parent="#footer-panels" data-target="#footer-email-signup" href="#">Newsletter Signup <span class="dropup-caret"></span></a>

        </li>
        <li> <a id="follow-us-link" class="collapsed" data-toggle="collapse" data-parent="#footer-panels" data-target="#footer-follow-us" href="#">Follow Us <span class="dropup-caret"></span></a>

        </li>
    </ul>
</nav>
见:


编辑解决方案:您需要使用具有类.panel的div来包装.collapse div。请参阅更新的小提琴:。

这是我的最简单的工作示例:

<div id="accordion">
    <div class="panel"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">One</a>
        <div id="collapseOne" class="panel-collapse collapse">1 Foo</div>
    </div>
    <div class="panel"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Two</a>
        <div id="collapseTwo" class="panel-collapse collapse">2 Bar</div>
    </div>
</div>
我用代码表。它还说:

使用塌陷插件,我们通过扩展 面板组件


所以你需要class='panel'

这是我最简单的工作示例:

<div id="accordion">
    <div class="panel"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">One</a>
        <div id="collapseOne" class="panel-collapse collapse">1 Foo</div>
    </div>
    <div class="panel"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Two</a>
        <div id="collapseTwo" class="panel-collapse collapse">2 Bar</div>
    </div>
</div>
我用代码表。它还说:

使用塌陷插件,我们通过扩展 面板组件


所以你需要class='panel'

我应该删除这个吗?我应该删除这个吗?这看起来完全是随机的,为什么我需要将它包装在一个面板中???但是好的……它很有效,谢谢大家!这似乎完全是随机的,为什么我需要把它包装在一个面板中???但是好的……它很有效,谢谢大家!