上記のフィドルをご覧ください。
非表示のdivをクリックすると右からスライドするリンクがあります。
非表示のdivには画像が含まれています。
現時点では、非表示のdivはスライドアウトしますが、「contact」リンクから離れた場所に表示されます。その後、スライドして戻ると、「contact」の後ろにスライドする前に消えます。
「contact」の後ろから「contact」の後ろにスライドして、重なり合うことなく「contact」の後ろに戻るように見せたいです。
$('#contact').click(function () {
$('#contact-info').animate({width: 'toggle'});
});
私は単にcssを調整することによってこれを行う方法を見つけました。フィドル
#contact {
background-color: #ffffff;
bottom: 34px;
padding-right: 38px;
position: fixed;
right: 0;
z-index: 1;
}
#contact-info {
bottom: 34px;
margin-right: -250px;
position: fixed;
right: 444px;
text-transform: lowercase;
white-space: nowrap;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加