CODEWITHSUNDEEP
jqueryjquery-uijquery-tabs
user2727812
user2727812

Reputation: 21

jQuery ui tabs animate change in height between tabs

I'm trying to create a simple tabbed interface using the tabs plugin from the jQuery ui library. I have the tabs working fine but I need the change in height when the user clicks to a new tab to ease up or down. Something just like this but using jQuery ui tabs plugin.

So far I'm using the basic script:

$(document).ready(function() {
$("#tabs").tabs();
});

Upvotes: 2

Views: 2102

Answers (2)

Manu M
Manu M

Reputation: 1064

I think you can use some effects in jquery ui, $( ".selector" ).tabs({ hide: { effect: "explode", duration: 1000 } });

Refer this, http://api.jqueryui.com/tabs/

Upvotes: 1

roullie
roullie

Reputation: 2820

try this:

$(document).ready(function() {
    $("#tabs").tabs({ fx: { opacity: 'toggle', duration: 1000 } });
});

Upvotes: 1

Related Questions