0

我想从外部链接打开一个手风琴项目。

像这样:用户单击第 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>
4

0 回答 0