Norėtųsi animuoti su CSS bloko aukštį iš 0 į auto, bet taip deja negalima

Tad tenka nefiksuoto aukščio bloką “wrapinti” kitu elementu ir su .hover() jam priskirti vidinio elemento aukštį, o nuvedus kursorių priskirti 0;

$('.has-hover-block').hover(function(){
   $(this).find('.hover-content-wrap').css('height', $(this).find('.hover-content').height());
},function(){
   $(this).find('.hover-content-wrap').css('height', 0);
});

Reikia, kad multiselect plugine pasirinkimai atsidarytu i viršų, kai select elementas labai arti lango apačios.

var $window = $(window);
var $multiselect = $('.multiselect').multiselect({
   header: false,
   beforeopen: function(){
      if (($window.height() - ($('.ui-multiselect').offset().top - $window.scrollTop()) ) < 180){
         $multiselect.multiselect("option", {position: {
            my: 'left bottom',
            at: 'left top'
         });
      }else{
         $multiselect.multiselect("option", {position: {
            my: 'left top',
            at: 'left bottom'
         }});
      }
   }
});