Динамический аккордеон не полностью работает - PullRequest
Новая
       9

Динамический аккордеон не полностью работает

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

Итак, у меня есть аккордеон на zendesk, и он динамически вытягивает содержимое. У меня возникла проблема, когда при нажатии любой из вкладок сворачивается только первая вкладка аккордеона. Я думаю, что это из-за цели данных:

У меня настроено открыть один #id. Я думаю, мне нужно сделать его динамичным, но не знаю, как. Кто-нибудь может помочь?

Вот кусок кода: 

<div class="accordion-wrapper">
  <ul data-toggle="collapse" data-target="#demo" class="article-list article-list_page">
    {{#each section.articles}}
      <li class="article-list__item">
        <a>{{title}}</a>
        <article id="demo" class="article-body collapse">
         {{body}}  
        </article>
      </li>
    {{/each}}
  </ul>
</div>

1 Ответ

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

Можете ли вы добавить итератор к идентификатору "demo"? HTML обрабатывает идентификаторы как отдельные элементы (только один элемент должен иметь данный идентификатор одновременно). Похоже, что ваш PHP повторяет это для каждой статьи, которую вы добавляете на страницу, поведение работает, но любой щелчок любого элемента списка приведет к тому, что все будет работать так, как вы описали. Список будет свернут / развернут для любого выбранного элемента.

Может быть, что-то вроде этого: 

<div class="accordion-wrapper">
  {{#each section.articles}}
  <ul data-toggle="collapse" data-target="#VARIABLE" class="article-list article-list_page">
    <li class="article-list__item">
      <a>{{title}}</a>
      <article id="VARIABLE" class="article-body collapse">
      {{body}}  
      </article>
    </li>
  </ul>
  {{/each}}
</div>

Я включил VARIABLE здесь, но вы, вероятно, сохранили бы синтаксис, который вы используете в настоящее время. Может быть, использовать идентификатор для статьи в качестве цели данных и идентификатор статьи? (Что позволит вам ввести {{id}} вместо того, где я набрал VARIABLE)

...