Нині FandomMobile не підтримує мобільний JS, але як тільки це відбудеться, табер відразу ж буде працювати на мобільних пристроях. А поки суть та справа, він відмінно працює на ПК.

Installation

Дуже рекомендується ставити обидва кода — і CSS, і JS, оскільки JavaScript завантажується через 1 секунду після відкриття сторінки, викликаючи стрибок елементів на екрані. Встановлення CSS повторно завантажить сторінку і відкриє її в кінцевому варіанті, а зміни в функціоналі навігації будуть непомітні для ока.

JS installation

CSS installation

Usage

Вставте код нижче для того, щоб отримати табер з трьома вкладками. Перша вкладка буде вже відкрита при завантаженні сторінки.

<div class="tabs">
<ul class="tabs__caption">
	<li class="active">Вкладка 1</li>
	<li>Вкладка 2</li>
	<li>Вкладка 3</li>
</ul>
<div class="tabs__content active">Текст 1</div>
<div class="tabs__content">Текст 2</div>
<div class="tabs__content">Текст 3</div>
</div>

Використайте class="tabs vertical" замість class="tabs" щоб отримати вертикальний табер.

Нововведення

• Сучасний табер у WDS-стилі.
• Табер добре працює на мобільних пристроях (поки загальний JS відключений, тестування проводилося в персональному JS).
• Таби можна перейменовувати в візуальному редакторі.

See also

Оновлення