jquery - JQueryと左にスライド

Question

「changediv」という名前のリンクがあります。このリンクをクリックすると、1 つの div がブラウザーの左側にスライドし、同時に div スライドがブラウザーに残ります。

Answer 1

次のようなものを探していると思います。

$('#changediv').click(
function() {
    $('#div1').animate({"width": 0}, "slow");
    $('#div2').animate({"margin-left": 0}, "slow");
});

ここに動作デモがあります

または、ボディ（または親div）の幅が固定されている場合は、試すことができます

$('#changediv').click(
function() {
    $('#div1').animate({"width": 0}, "slow");
    $('#div2').animate({"width": 400}, "slow");
}); //I used a width of 400px for testing

ここに動作デモがあります

お役に立てれば..

Answer 2

たとえば、これをテストできます。

$('.changeDiv').on('click', function() {

  $('#div_one').animate({
     left: -9999
  },1000, function() {
     $('#div_two').animate({
        left: 200
     });
  });

});