jQuery/HTML - Défilement horizontal

Question

J'ai du mal à faire défiler ... Ce que je veux faire est après avoir cliqué sur un bouton faisant un rouleau div à gauche et un autre rouleau à droite/on sort, deuxième dans. Mais je peux ' Je trouve une solution et j'ai de la difficulté à forcer le second div à aller à côté du premier et à le cacher ... Des idées?

Website

Answer 1

J'ai lu votre question et c'est ce que j'ai compris;

Vous essayez d'animer une div avec un autre div, et voici la solution:

Voir le violon pour un exemple de travail: http://jsfiddle.net/HNY7R/

HTML

<div id="container"> 
    <div class="main"></div> 
    <div class="second"></div> 
</div> 

<input type="button" id="push" value="push me" /> 

CSS

#container 
{ width: 400px; height: 200px; position: relative; border:1px solid black; overflow: hidden; } 

.main 
{ width: 400px; height: 200px; position: absolute; left: 0; top: 0; background: green; } 

.second 
{ width: 400px; height: 200px; position: absolute; left: 400px; top: 0; background: red; } 

jQuery

$('#push').click(function(){ 

     var main = $('.main').css('left'); 
     var second = $('.second').css('left'); 

     if(main == '-400px'){ 
      $('.second').animate({ 'left' : '400px' }, 500); 
      $('.main').animate({ 'left' : '0px' }, 500); 
     } else { 
      $('.second').animate({ 'left' : '0px' }, 500); 
      $('.main').animate({ 'left' : '-400px' }, 500); 
     } 


    });