Question

I want to achieve something like :

$("#left").hide('slide', {direction: 'right'}, 1000)

However I do not want the div to be hidden I want it to keep up space so I want have the visibility hidden like:

$("#left").css('visibility','hidden')

Yet still achieve the same effect as above.

Answer 1

This is what I’d do

$parent = $('#left').parent(); //store the parent of the element in a variable
$('#left').clone() //clone the existing element
.appendTo($parent) // insert it into the current position
.css('visibility','hidden') //set it's visibility to hidden
.end().end() //target the initial element
.slideUp() //do any slide/hide/animation that you want here, the clone will always be there, just invisible

This could be horrible, but it’s the only way I could think of solving the problem 🙂