单击URL时打开手风琴

问题描述 投票:0回答:1

我手风琴在这里是代码:

    <div class="accordion">
            <div class="accordion-title accordion-area">
              <a href="#joinus/jr-software-engineer/" id="accordion-link">Junior Software Engineer</a>
            </div>
            <div class="accordion-container">This is the Body</div>
            <div class="accordion-title accordion-area">
              <a href="#joinus/sr-software-engineer/" id="accordion-link">Senior Software Engineer</a>
            </div>
            <div class="accordion-container">This is the Body</div>
            <div class="accordion-title accordion-area">
              <a href="#joinus/software-engineer-intern/" id="accordion-link">Intern Software Engineer</a>
            </div>
            <div class="accordion-container">This is the Body</div>
    </div>

和jQuery代码是用来打开和关闭手风琴的

/ *单击手风琴动画* /

$(".accordion-title").click(function () {
    $(this).toggleClass("active");
    $(".accordion-title").not($(this)).removeClass("active");
    $(this).next().slideToggle("fast");
    $(".accordion-container").not($(this).next()).slideUp("fast");
  });

现在,我希望此链接#joinus/jr-software-engineer/用于打开所选的手风琴。就像如果我给某人www.acc.com/#joinus/jr-software-engineer/粘贴到浏览器URL中,并且如果他进入链接时,相应链接的手风琴将自动打开,而无需单击手风琴本身。如何使用jQuery和当前代码实现此目的。

html jquery accordion
1个回答
0
投票

您可以尝试以下代码。从window.location.hash

© www.soinside.com 2019 - 2024. All rights reserved.