На дадзены момант FandomMobile не падтрымлівае мабільны JS, але як толькі гэта адбудзецца, таббер адразу ж будзе працаваць на мабільных прыладах. А пакуль сутнасць ды справа, ён выдатна працуе на ПК.

Installation

Вельмі рэкамендуецца ставіць абодва кода — і CSS, і JS, бр JavaScript загружаецца праз 1 секунду пасля адкрыцця старонкі, выклікаючы скачок элементаў на экране. Усталёўка CSS перадзагрузіць старонку і адкрые яе ў канчатковым варыянце, а змены ў функцыянале навігацыі будуць незаўважныя воку.

JS installation

CSS installation

Usage

Устаўце код ніжэй для таго, каб атрымаць таббер з трыма укладкамі. Першая ўкладка будзе ўжо адкрыта пры загрузцы старонкі. Вы можаце змяніць гэта, надаўшы значэнне <active> іншаму элементу.

<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

Changelog