javascript - Klik butang untuk membuat div menunjukkan dan menyembunyikan Terdapat animasi Klik untuk menunjukkannya tetapi ia tidak boleh diambil semula.

Question

$(function(){
$(".span").klik(function(){

$(".position").animate({left:'0'});
$('.postion').toggleClass('.blue');

});
$(".span").klik(function(){

$(".blue").animate({left:'-360px'});

});
})

Answer 1

Secara lalai .span{

left: 100%;  // 默认是隐藏，可根据需求改变left的值
-webkit-transition: left .5s cubic-bezier(0.1, 0.57, 0.1, 1);

}

Apabila diklik untuk memaparkan, tambahkan kelas atau togol pada elemen
.page-slideLeft {

-webkit-transition: left .5s cubic-bezier(0.1, 0.57, 0.1, 1);
left: 0;

}

Akhirnya, bukan saya yang pijak awak, saya tak pernah pijak orang lain O(∩_∩)O~