2013-06-27 66 views
1

我有一個標記安排爲我的網站如下:幻燈片內容到其他

<body> 
    <div id="wrapper"> 
    <div id="middle"> 
     <div class="red-container"> 
      <div class="row"> 
       Middle. Row 1. 
      </div> 
     </div> 
    </div> 
    <div id="right"> 
     <div class="green-container"> 
      <div class="row"> 
       Right. Row 1. 
      </div> 
     </div> 
    </div> 
    </div> 
</body> 

right DIV將是顯而易見必須對middle div的權利。 這裏的小提琴(right格在這裏我的小提琴裏莫名其妙實際上不是以middle div的右邊):http://jsfiddle.net/NNMYS/

我想在這裏實現滑動效果:
所有從middle DIV內容應滑落到左邊並在動畫之後被移除。另一方面,同時,從right股利(在我的情況下,將被添加一個AJAX到right DIV)的內容應從右邊div滑動到middle股利(並從right股利中刪除)。如何做到這一點?

我可以通過其所有的內容直接放置由位置分離,滑動所點擊的項目直接完成內容滑塊。但在這裏,因爲我會通過ajax添加內容,並且還有一些響應式實現,在我看來這似乎不可能。

+0

所以,只是爲了確定。你想div的內容滑動,而不是實際的顏色? – Niklas

+0

@Niklas:它應該是正確的div中的一切,這也意味着顏色。這意味着整個'綠色container'應該從'right' DIV和綠色容器本身被移除有顏色,所以這不應該是一個問題 – user1240679

回答