I am having an issues with jQuery and fading in and fading out divs. I have 3 tabs and each corresponds to a separate div that should fade in and fade out other divs out. However When I click a tab it fades in and out, just like it should but it temporarily pushes the content down. I could easily use CSS and position:absolute but that is my ULTIMATE LAST RESORT! I am looking for more of a jQuery fix.
Here is a jsfiddle to display what I am trying to say: http://jsfiddle.net/swYYy/
So far all answers given did not work as desired, they worked half the time and still had too many bugs to be effective. I am still looking for a reasonable answer.
If you take out the add() then it will work to your likings but it does not fully work
http://jsfiddle.net/swYYy/7/
I know what you are trying to do give me a sec and I will provide you with something better
Update:
Use this http://jsfiddle.net/swYYy/9/