我想从外部链接打开一个手风琴项目。
像这样:用户单击第 1 页上的链接,第 2 页加载并滚动到打开的手风琴项。
我使用了滚动这个词,因为我将有几个手风琴项目。
我试图测试我在这里找到的一些答案,但我无法自定义它们以与我的手风琴一起使用。
你的帮助将是高度合适的。
非常感谢
我的手风琴结构:
<div id="accordion" class="accordion">
<div class="accordion-item" id="item-1">
<div class="accordion-header">
Simple text
<span class="accordion-item-arrow"></span>
</div>
<div class="accordion-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi quis egestas nulla. Vestibulum sit ame.t
</div>
</div>
<div class="accordion-item" id="item-2">
<div class="accordion-header">
Simple text
<span class="accordion-item-arrow"></span>
</div>
<div class="accordion-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi quis egestas nulla. Vestibulum sit ame.t
</div>
</div>
</div>
手风琴是如何工作的:“accordion-item”在单击时获得一个活动类并打开“accordion-content”:
<script type="text/javascript">
jQuery(document).bind("ready", function(){
accordion = jQuery("#accordion").accordion();
});
</script>
外部页面(首页)的链接结构:
<button onclick="location.href='page-2.html#item-1';">
Open Accordion item one</button>
<button onclick="location.href='page-2.html#item-2';">
Open Accordion item Two</button>