pg-tab

PIGNOSE Tab

---

• See demo

Web accessibility be supported a responsible tab plugin.

• This plugin supports the web accessibility perfectly
• And also supports CSS animation.
• You can choice themes very easily.

Getting started

Overview

1. Normal Tab
2. Sub Tab
3. Multiple depth Tab
4. Article Tab
5. Styled Tab
6. Response Tab
7. Mobile Tab

Installation

1. Download or Clone this repository.
2. Import jquery.js 1.11.x higher, dist/pignose.tab.min.js, and dist/pignose.tab.min.css in your head element.

<link rel="stylesheet" href="dist/pignose.tab.min.css" />
<script type="text/javascript" src="demo/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="dist/pignose.tab.min.js"></script>

1. Insert a snippet code as follows.

$({selector}).pignoseTab();

Options

Option	Default	Values	Description
callback	null	function	If tab button is clicked, this callback will called.
animation	static	static, true, false	You can trun on/off animation to set this property, false mean static.
children	string	.sub-tab	If you use sub tab, you need to choose children's class name.
animationTime	300	Millisecond time	This option can set animation time. (ms)
animationEasing	easeInOutCubic	Easing names	You can use jQuery animation easing.

---

Question

If you found something problem of this plugin, or you have some question.

Please send me a message to use either gitter or Github issue. (gitter url is on the top of the manual)