Jquery 嵌套的手风琴在单击元素时闪烁

我一直在使用durandal框架中的KnockoutJS动态绑定嵌套accordion的元素，其中每个元素都被路由到填充页面右侧内容的路径

我遇到的问题是，在单击每个元素时，手风琴会不断闪烁（重画整个手风琴）

我尝试添加一个论坛中提到的

，但似乎不起作用。 我还尝试了其他方法，比如使用

.show（）

和

display:none

等

有人能帮忙吗

代码如下：

调用小部件的html：

<section id="settings-view" class="view">
    <div class="row-fluid">
        <div class="span3">
            <div id="accordion">
            <div data-bind="widget: { kind: 'accordionMenu', menuItems: menuItems, routes: routes }" ></div>
            </div>
            <div class="span9">
            <div data-bind="compose: activeItem" />
        </div>
    </div>
   </div>
</section>

小部件定义：

<div class="accordion">
    <div data-bind="foreach: settings.menuItems, accordion: {animate: {}, collapsible: true, alwaysOpen: true, heightStyle: 'content', header: 'h5'}">

        <!-- ko ifnot: subMenuItems -->
                  <p><a class="link" data-bind="attr: { href: route }, text: text"></a></p>
          <!-- /ko -->

        <!-- ko if: subMenuItems-->

        <h5 class="accordion-heading hidden" data-bind="css: { hidden: false }">
            <div class="accordion-toggle " data-bind="text: text" style="font-size: 1.25em; padding: 0; padding-left: 2%;"></div>
        </h5>
        <div class="accordion-group ">
            <div class="accordion-inner accordion-body" style="padding: 3%;">

                <p data-bind="widget: { kind: 'accordionMenu', menuItems: subMenuItems}"></p>
            </div>
        </div>
        <!-- /ko -->
    </div>

</div>

---

请告诉我可以做些什么。

我相信社区会很乐意提供帮助，但我们需要看到一些代码。你能用你的代码构建一个JSFIDLE并在你的问题中添加到它的链接吗？第二个@RyanRahlf，除了请始终在你的问题中发布相关的代码外，使用FIDLE作为补充（以防止影响这个问题）。

<div class="accordion">
    <div data-bind="foreach: settings.menuItems, accordion: {animate: {}, collapsible: true, alwaysOpen: true, heightStyle: 'content', header: 'h5'}">

        <!-- ko ifnot: subMenuItems -->
                  <p><a class="link" data-bind="attr: { href: route }, text: text"></a></p>
          <!-- /ko -->

        <!-- ko if: subMenuItems-->

        <h5 class="accordion-heading hidden" data-bind="css: { hidden: false }">
            <div class="accordion-toggle " data-bind="text: text" style="font-size: 1.25em; padding: 0; padding-left: 2%;"></div>
        </h5>
        <div class="accordion-group ">
            <div class="accordion-inner accordion-body" style="padding: 3%;">

                <p data-bind="widget: { kind: 'accordionMenu', menuItems: subMenuItems}"></p>
            </div>
        </div>
        <!-- /ko -->
    </div>

</div>