Как правильно написать функцию при закрытии UI Tabs?
Доброго времени суток, уважаемые коллеги.
Работаю с UI Tabs и возник следующий вопрос. мне надо чтобы при открытии вкладки контент съезжал вниз, а при закрытии вкладки возвращался на прежнее место. вкладок несколько поэтому при переключении действий быть не должно.
Дошёл до следующего:
$( "#tabs" ).tabs({
collapsible: true,
active: false,
activate: function( event, ui ) {
var sdvig = $('div#sdvig').css("padding-top");
var tabind = $("#tabhead").attr("tabindex");
if (sdvig=="0px" ){$('div#sdvig').css({"padding-top":"650px"})}
else if (sdvig=="650px" && tabind==0){console.log($("#tabhead").attr("tabindex"));}
else if (sdvig=="650px") {$('div#sdvig').css({"padding-top":"0px"})};
console.log(sdvig);
}
});
В таком варианте sdvig=="650px" && tabind==0 обрабатывается 1 раз и при первом переходе всё в порядке, потом начинается бред.
Может кто сталкивался с такой проблемой и подскажет где я ошибся в коде или может предложить альтернативное решение?
Важно - работа именно с UI Tabs, слишком много сделано чтобы их заверстать (внутри многоуровневые меню с картинками) и уже согласованно с заказчиком.
