si la verdad que jquery es lo mejor que se pudo crear, me acuerdo cuando programaba con javascript puro, mil lineas para hacer algo y para peor despues andaba solo en un navegador :P
otra cosa que podrias hacer en vez de ocultarlo que quizas queda un poco raro seria algo asi.
yo crearia un evento de tiempo de js cuando se este haciendo resize y lo paro cuando se termine de hacer resize.
Código Javascript
:
Ver originalvar timer;
$("#draggable").draggable({opacity: 0.5});
$("#draggable").resizable({
start: function(event, ui){
//se llama a la funcion resizeIframe cada 100 milisegundos
timer = setTimeout(resizeIframe, 100);
},
stop: function(event, ui){
//paro la funcion
clearTimeout(timer);
}
});
function resizeIframe(){
$('#mi_iframe').height($('#draggable').height()-30);
}
mmm lo modifique aca asi que nose si funcionara ya de primera pero para una idea creo que sirve.
el valor 100 en el delay del setTimeout si ves que es un poco lento achicalo mas aun hasta que quede fluido el efecto.
te dejo esta noticia en mi web que hablo un poco sobre los eventos de tiempo de javascript, justo hoy lo hice mas temprano, quizas te sirve para aclarar un poco.
http://www.spedevigner.com/cake/Noticias/view/65
Saludos