gutabslider

Animated underline for active tabs

Apologies for the rough GIF, we will have an example page up soon

Basic usage

Just call $("#my-tabs").gutabslider(); to get started

Call $("#my-tabs").gutabslider("active-tab-changed"); to let us know the active tab has changed. We'll find the new active tab and move the underline to it

Lets animate

To animated the underline just use CSS... to make it slide just add the following

.gu-sliding-bar {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

Install

bower install gutabslider --save