Bootstrap 2 手风琴菜单折叠答案

【问题标题】：Bootstrap 2 accordion menu collapseBootstrap 2 手风琴菜单折叠
【发布时间】：2014-03-07 20:07:38
【问题描述】：

我正在使用 bootstrap 2 构建带有可折叠菜单的 wordpress 主题，一切正常，但是当我单击菜单中的新项目时，打开的项目不会关闭。任何想法？

php 可以忽略 :) 谢谢。

PS：当我使用纯 html 进行测试时，它工作得很好

<div class="accordion-group">
    <div class="accordion-heading"><a href="#<?=$catItem->slug;?>" class="accordion-toggle show-info" data-toggle="collapse" data-parent="#<?=$generalActiveMenu;?>" id="<?=$catItem->term_id;?>"><?=$catItem->name;?></a></div>
    <div id="<?=$catItem->slug;?>" class="accordion-body collapse">
        <div class="accordion-inner">
            <div id="<?=$generalActiveMenu;?>1" class="accordion">
                <?  $subCategory = new $Category();
                    $subCategory->getCategoryList($catItem->term_id); /* get sub category of each product */
                    foreach($subCategory->catList as $key => $subCatItem) {
                        ?><div class="accordion-group">
                            <div class="accordion-heading">
                                <a href="#<?=$subCatItem->slug;?>" class="accordion-toggle show-info" data-toggle="collapse" data-parent="#<?=$generalActiveMenu;?>1"  id="<?=$subCatItem->term_id;?>"><?=$subCatItem->name;?></a>
                            </div>
                            <div id="<?=$subCatItem->slug;?>" class="accordion-body collapse">
                                <? if(get_posts('category_name='.$subCatItem->slug)) {
                                    ?><div class="accordion-inner">
                                        <ul class="nav nav-list">
                                            <? $Post->postCat = $subCatItem->term_id; 
                                            $Post->getPostList(); 
                                            foreach ($Post->postList as $key => $postItem) {
                                                ?><li id="<?=$postItem->post_name;?>"><a href="<?=$postItem->post_name;?>"><?=$postItem->post_title;?></a></li><?
                                            } ?>
                                        </ul>
                                    </div><?
                                } ?>                                            
                            </div>
                        </div><?
                    }
                ?>                          
            </div>
        </div>
    </div>
</div>

【问题讨论】：

我认为尝试这个的唯一方法是看一个演示，以便我们可以调试它。
我无法提供演示，但是我只想在单击新项目时关闭上一个项目...

标签： css wordpress twitter-bootstrap

【解决方案1】：

我可能错了，但你可以试试：

 $('#myAccordianTab').collapse({
   toggle: true
 })

查看此链接了解更多信息： http://getbootstrap.com/2.3.2/javascript.html#collapse

这应该可以帮助您正确构建并解释切换（或折叠）功能

【讨论】：

那行不通。在过去的两天里，我查看了这些文件。我似乎找不到错误。