JQuery UI tabs: how to start showing effect while hidding

JQuery UI tabs: how to start showing effect while hidding

I have a fade effect on hide and show tab in jQueryUI tabs. It works good but when the one tab is hidden then next tab is showing. I would like to start showing effect while hidding effect. How to do it?

The image on slider2 should start showing when the slider1 is hidding. They should do it in one time. 
http://jsfiddle.net/Qw892/