Skip to content

Latest commit

 

History

History
63 lines (43 loc) · 2.47 KB

README.md

File metadata and controls

63 lines (43 loc) · 2.47 KB

PIGNOSE Tab

npm version Bower version Join the chat at https://gitter.im/KennethanCeyer/PIGNOSE


Web accessibility be supported a responsible tab plugin.

Screenshot Main

  • 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)