Открыть аккордеонный предмет с внешней страницы - PullRequest
Новая
       51

Открыть аккордеонный предмет с внешней страницы

0 голосов
/ 12 июня 2018

Я хочу открыть элемент аккордеона по внешней ссылке.

Примерно так: пользователь нажимает на ссылку на странице 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>

Как работает аккордеон: "ая гармошка"получает активный класс при нажатии и открывает" аккордеон-контент ": 

<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>
...