jQuery EasyTabs Plugin v2.2

30 March 2011

It's only been a week since the last release, but I'm excited to present jQuery EasyTabs v2.2. New with this release:

Animated height transitions

In many cases, the tab panels (where the tabbed content lives) are not the same height. Now, EasyTabs automatically animates the height transition between panels of differing heights. The speed for the animation to scale panel heights depends on the animationSpeed option.

View the demo to see this new effect in action.

Animated transition options

As requested, EasyTabs now gives more control over the effects used to transition between panels. The default transitions are still fadeIn and fadeOut, respectively. But now, you can specify any other jQuery effect to use as well. The new options are:

transitionIn // effect for appearing target panel
transitionOut // effect for disappearing visible panel
transitionCollapse // effect for collapsing panel
transitionUncollapse // effect for uncollapsing panel

For example:

$('#tab-container').easytabs({
  transitionIn: 'slideDown',
  transitionOut: 'slideUp'
});

To see this in action, check out the demo.

About the author:

Steve Schwartz // Owner of Alfa Jango, CTO of Genomenon, co-founder of Carcode (acquired by Edmunds.com in 2014), engineer, developer, open-source enthusiast, guitarist, and racecar driverist.



Comments are loading...