Question

因此，使用wordpress我创建了一个菜单，其中包含3级下拉列表的产品。基本上，如果您单击第3级导航的链接，它将转到该链接的父导航，其中包含手风琴。我得到了第一部分工作，当你点击链接时，它会带你到页面，然后打开与目标ID相关的手风琴，如下所示：

<script type="text/javascript">
(function( $ ) {
    $(document).ready(function() {
        var anchor = window.location.hash.replace("#", "");
        $(".collapse").collapse('hide');
        $("#" + anchor).collapse('show');
    });
})( jQuery );
</script>

但是，当我返回菜单时，此页面上目标的所有链接现在都处于活动状态。我需要帮助在上面的脚本中添加一些东西，检查以确保只有被点击的链接是活动的。例如：

<li class="dropdown menu-products"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="http://mywebsite/products/">Products <b class="caret"></b></a>
<ul class="dropdown-menu">
    <li class="dropdown-submenu menu-electronics"><a href="http://mywebsites/product_type/electronics/">Electronics</a>
<ul class="dropdown-menu">
        <li class="menu-tv"><a href="/product_type/electronics/#collapse414">Tvs</a></li>
        <li class="menu-phones"><a href="/product_type/electronics/#collapse416">Phone</a></li>
        <li class="menu-games"><a href="/product_type/electronics/#collapse418">Games</a></li>
        <li class="menu-other"><a href="/product_type/electronics/#collapse420">Other</a></li>
    </ul>
</li>

这是wordpress为我生成的内容。如果我去说“/ product_type / electronics /＃collapse414”它确实有效并且打开但是该电子页面下的所有链接都是活动的。因此，如果我回到导航栏并尝试点击另一个现在处于活动状态的产品，它将无效。顶部的链接发生了变化，但除非目标位于不同的页面上，否则不会打开新的手风琴。

Bootstrap Accordion在目标链接上打开，只有一个活跃的

0 个答案: