Tabs

[tabs position="top" class="tabs" tag="div"]
[tab title="Section 1"]I'm in Section 1.[/tab]
[tab title="Section 2"]Howdy, I'm in Section 2.[/tab]
[tab title="Section 3"]What up girl, this is Section 3.[/tab]
[/tabs]
I’m in Section 1.
Howdy, I’m in Section 2.
What up girl, this is Section 3.

Tabbable in any direction

Tabs on the bottom

[tabs position="bottom" class="tabs" tag="div"]
[tab title="Section 1"]I'm in Section 1.[/tab]
[tab title="Section 2"]Howdy, I'm in Section 2.[/tab]
[tab title="Section 3"]What up girl, this is Section 3.[/tab]
[/tabs]
I’m in Section 1.
Howdy, I’m in Section 2.
What up girl, this is Section 3.

Tabs on the left

[tabs position="left" class="tabs" tag="div"]
[tab title="Section 1"]I'm in Section 1.[/tab]
[tab title="Section 2"]Howdy, I'm in Section 2.[/tab]
[tab title="Section 3"]What up girl, this is Section 3.[/tab]
[/tabs]
I’m in Section 1.
Howdy, I’m in Section 2.
What up girl, this is Section 3.

Tabs on the right

[tabs position="right" class="tabs" tag="div"]
[tab title="Section 1"]I'm in Section 1.[/tab]
[tab title="Section 2"]Howdy, I'm in Section 2.[/tab]
[tab title="Section 3"]What up girl, this is Section 3.[/tab]
[/tabs]
I’m in Section 1.
Howdy, I’m in Section 2.
What up girl, this is Section 3.

 

 

.

پاسخ دهید

آدرس پست الکترونیک شما منتشر نخواهد شد. بخشهای موردنیاز علامتگذاری شده اند *