我如何動畫從右側

Question

喜開我使用這樣的：jQuery resize div box at hover和它正是我想要的，但我有4個平方，雖然他們也都打開左，我想第2繼續打開左側，但最後的兩權開例如：

前兩個：

- >將打開左到右

最後兩個：

< - 將打開從右到左

誰能幫助我在這裏？

Answer 1

我認爲打開框右側從您提供的鏈接。您可以添加其他類箱子打開左（比如boxleft）

$('.content_area div').hide(); 

initwidth = $('.boxleft').width(); 
initHeight = $('.boxleft').height(); 

$(function() { 
    $('.boxleft').bind('mouseenter', function() { 
     $(this).children('.more').show(); 
     $('.boxleft').not(this).stop(true, true).fadeTo('normal', 0.2); 
     $(this).stop(true, true).animate({ 
      width: '70', 
      height: '70', 
      left: '-=50' 
     }, { 
      queue: true, 
      duration: 'fast' 
     }).css('font-size', '1.2em'); 
    }); 
    $('.boxleft').bind('mouseleave', function() { 
     $(this).children('.more').hide(); 
     $('.boxleft').not(this).stop(true, true).fadeTo('normal', 1); 
     $(this).stop(true, true).animate({ 
      width: initwidth, 
      height: initHeight, 
      left: '+=50' 

     }, { 
      queue: true, 
      duration: 'slow' 
     }).css('font-size', '1em'); 
    }); 

正如你可以看到我添加了額外的行左：「 - = 50」，左：「+ = 50」的動畫功能。