2013-06-27 4 views
1

У меня есть разметка организованы следующим образом в моем веб-сайте:содержимое слайдов из одного DIV в другой

<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 ДИВ, как было бы очевидно, должен быть в направлении справа от middle дел. Вот скрипка (right ДИВ здесь внутри моей скрипкой как-то на самом деле не в праве middle дел): http://jsfiddle.net/NNMYS/

Я пытаюсь достичь эффекта скольжения здесь:
Все содержимое из middle DIV должен скользить по слева и удаляться после анимации. С другой стороны, содержимое из right div (которое в моем случае будет добавлено ajax в div right) должно сдвигаться с правой стороны div до middle div (и удалено из div right). Как это можно сделать?

Я мог бы сделать слайдер контента напрямую, располагая все содержимое, помещенное отдельно по позициям и скользящее до щелчка. Но здесь, поскольку я буду добавлять контент ajax, а также иметь некоторую отзывчивую реализацию, в моем случае это не представляется возможным.

+0

Таким образом, просто чтобы быть уверенным. Вы хотите, чтобы содержимое div было скользким, а не фактическим цветом? – Niklas

+0

@Niklas: Это должно быть все в правом div, что также означает цвет. Это означает, что весь «зеленый контейнер» должен быть удален из «правого» div, а сам зеленый контейнер имеет этот цвет, поэтому это не должно быть проблемой – user1240679

ответ