Jqueryが下から上へ展開する効果を実現する例

一般的に下に展開する効果は簡単で、slideUpとslideDownを直接使えばいいです.展開するdivがposition:absoluteによって絶対的に位置決めされ、bottom:0 pxのように底部と相対的に位置決めされている場合、slideDownを呼び出すと上向きに展開されます.
(slideDownははっきり言って元素の高さを動的に変え、底部が固定されているので、高さが高くなると上に広がります)

 
  
  //     
  
  $('.remm_product ul li').hover( 
  
   function(){ 
  
    $(this).find('.p_info').slideDown(); 
  
   }, 
  
   function(){ 
  
    $(this).find('.p_info').slideUp(); 
  
   } 
  
  )