手风琴和Subaccordion在另一个链接中打开

时间:2017-12-07 16:59:53

标签: javascript jquery accordion

我在侧面栏中有一个多手风琴,内置在Bootstrap 3.3.7中(参见图片和HTML代码)当我点击正确的链接时,我想继续打开另一个页面中的标签/面板(带有相同的侧边栏)

image details

为了更好地理解,我想要这样:sample.html#sample1      和 sample.html#sample1#subsample

        <li>
          <a href="#sample1" data-toggle="collapse" aria-expanded="false">Sample 1</a>
          <ul class="collapse list-unstyled" id="sample1">
            <li><a href="sample.html">Sample</a></li>
            <li>
              <li><a href="#subsample" data-toggle="collapse" aria-expanded="false">SubSample Menu</a>
                <ul class="collapse list-unstyled" id="subsample">
                  <div class="accordion-group in collapse" style="height: auto;">
                    <div id="submenu">
                      <li><a href="sample2.html">SubSample</a></li>
                    </div>
              </li>
              </ul>
              </div>
          </ul>
          </li>
        </li>

我是JavaScript新手!用jQuery处理它会很好。

1 个答案:

答案 0 :(得分:0)

我用这种方式解决了它:

 $(document).ready(function () {
    var hash = location.hash;
      if (hash){
        $(hash).collapse('show');
          $(hash).parents('.collapse').addClass('in');
  }
});