相対的な親div内に2つのdivがあります。子 div の 1 つはフロートで、もう 1 つはオーバーラップする必要があるため絶対です。float divが左にスライドして消えるときに、jQueryで絶対divを右からスライドさせますが、親divは絶対divをラップしませんが、float divではラップします。とにかく親divを作成できますか両方の要素を囲む?
#part-one {
float:left;
}
#part-two {
clear:both;
position:absolute;
top:0;
}
<div class="slider">
<div id="part-one"></div>
<div id="part-two"></div>
</div>
$('.next').click(function(){
$("#part-one").hide('slide', { direction: "left" }, 1000);
$("#part-two").hide('slide', { direction: "right" }, 1000);
});