fadey height

smartReveal

(function($){    
   $.fn.voila = function(content,cb) {    
        return this.each(function() {     
            var $this = $(this);    
            if($this.is(":visible")) {       
                //-- http://stackoverflow.com/questions/4085800/jquery-animate-changes-in-div-height-on-ajax-l
                console.log("voila: origHeight="+$this.height());    
     
                $this     
                    .animate({height: $this.height(), opacity: 'hide'}, 'fast', function(){       
                        $(this).html(content)    
                    })                                                             
                    .wrapInner('<div style="padding: 0; margin: 0"/>');            
                                                                                   
                var newHeight = $('div:first',$this).height();                     
                console.log("voila: newHeight="+newHeight);               
                                                                                                      
                $this.animate({height: newHeight, opacity: 'show'}, 'fast', 'linear', function(){             
                });                                                                                           
            } else {                                                                                          
                    $this.html(content);                              
            }                                                                      
        });                                                              
    };                                                                                           
})( jQuery );