Javascript 从另一页打开手风琴面板并向下滚动到它

我在一个页面上有一个手风琴，默认情况下是这样的（

www.sitename.com/faq

）

注意：我不能修改常见问题页面的HTML。它是从一个单独的来源生成的

编辑：css代码太长了，所以我认为最好截图看看它是什么样子

---

您可以使用手风琴的

active

属性。下面的代码笔描述了同样的情况。出于演示目的，我将

2

作为活动手风琴传递。您可以通过更改查询参数的值来测试它

代码

---

请提供足够的代码（

css

在本例中），以便我们至少可以重新创建手风琴。您好，请参阅我的编辑。谢谢哦，对了，对不起。我想它会自动将其标记为PHP，因为我帐户上的最后一个草稿有PHP代码。很抱歉，我现在就编辑标签。对不起，我对js不是很熟悉。那么这些链接应该像

www.sitename.com/faq？active=question one

？是的。但它应该是数字。您可以通过在查询参数中传递值或使用HTML5存储或cookie在页面之间共享值。在任何情况下，您都可以设置活动手风琴的索引。我尝试使用此设置并将

#content

更改为

#accordion

，因为它是面板的容器，将问题的ID更改为数字，并使我的url

/faq？活动=2

，但不起作用：（尝试记录

ActiveAccordion

value。我还使用了

window.location.search

。在值出现的

window.location

中签入并使用它。）

<div id="accordion" class="panel-group">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle collapsed" href="#question-one" data-parent="#accordion" data-toggle="collapse" aria-expanded="false">What is blah?</a>
            </h4>
        </div>
        <div id="question-one" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
            <div class="panel-body">
                Lorem ipsum
            </div>
        </div>
    </div>
    <!-- more questions below -->
</div>

<div id="accordion" class="panel-group">
    <div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a class="accordion-toggle" href="#question-one" data-parent="#accordion" data-toggle="collapse" aria-expanded="true">What is blah?</a>
        </h4>
    </div>
    <div id="question-one" class="panel-collapse collapse in" aria-expanded="true" style="">
        <div class="panel-body">
            Lorem ipsum
        </div>
        </div>
    </div>
    <!-- more questions below -->
</div>

$("#content").accordion({
    collapsible: true,
    autoHeight: false,
    active:parseInt(activeAccordion) // This will decide which accordion to open.
});