jQuery ui tabs animate изменение высоты между вкладками

Question

Я пытаюсь создать простой интерфейс с вкладками, используя плагин tabs из библиотеки jQuery ui. У меня есть вкладки, работающие нормально, но мне нужно изменение высоты, когда пользователь нажимает на новую вкладку, чтобы упростить или уменьшить. Что-то вроде this, но с помощью jQuery ui tabs plugin.

До сих пор я использую базовый сценарий:

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

Answer 1

попробовать это:

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

Answer 2

Я думаю, что вы можете использовать некоторые эффекты в Jquery UI, $ (".Селекторный") .tabs ({hide: {effect: "explode", duration: 1000}});

см это, http://api.jqueryui.com/tabs/