Аккордеонный контейнер с тегом артикула - PullRequest
Новая
       7

Аккордеонный контейнер с тегом артикула

0 голосов
/ 11 февраля 2019

В соответствии с документацией F6 мы можем использовать аккордеонный контейнер с чем-то другим, чем тег ul .Или я не могу заставить его работать с тегом article .

Эта проблема, по-видимому, вызвана тем, что .accordion-title не является прямым потомком .accordion-item .К сожалению, в моем случае использования мне нужно обернуть тег a с классом .accordion-title внутри тега заголовка.

Кто-нибудь знает, как это сделать?решить эту проблему?

Спасибо,

Вот пример моего варианта использования: 

<div class="accordion" enter code here
      data-multi-expand="true" 
      data-allow-all-closed="true" 
      data-accordion>
  <article class="accordion-item" data-accordion-item>
    <header>
      <h3>
        <a href="#" class="accordion-title">Group Name</a>
      </h3>
    </header>
    <div class="accordion-content" data-tab-content>
      <p>Hello World</p>
    </div>
  </article>
</div>

1 Ответ

0 голосов
/ 12 февраля 2019

Как вы выяснили, это не имеет отношения к тегу <article>, а скорее к тому, что необходим прямой триггер дочернего щелчка.

Пример его работы с <article>

https://codepen.io/rafibomb/pen/pGKZYg

Без модификации JS она может работать не так, как вы хотите.

...