Описание

Для более красивого отображения контента на сайте в сайтах версии 18.1 добавлена возможность установки аккордеона на страницу.

По умолчанию закрыты все элементы кроме первого. В 20 версии появилась возможность закрыть все элементы. Для этого нужно добавить класс js-close-all к comp-list. Пример <ul class="comp-list js-close-all">

Для добавления аккордеона на страницу используется следующий шаблон кода:

<div class="b-comp">
    <ul class="comp-list">
      <li>
        <span class="title js-title-comp">----</span>
        <div class="js-content-comp">
            ...
        </div>
      </li>
      <li>
        <span class="title js-title-comp">----</span>
        <div class="js-content-comp">
            ...
        </div>
      </li>
    </ul>
  </div>

где,

<span class="title js-title-comp">----</span>  вместо --- добавляем название выпадающего элемента

<div class="js-content-comp"> ...</div>  вместо ... добавляем основной текст

Чтобы увеличить количество выпадающих элементов нужно добавить продублировать следующую часть кода:

<li>
        <span class="title js-title-comp">----</span>
        <div class="js-content-comp">
            ...
        </div>
      </li>

Документация

© «Копирайт», 2017

Web-canape - быстрое создание сайтов и продвижение