javascript - 點選按鈕使div顯示隱藏 有動畫,點擊顯示但是收不回去。

Question

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

雷雷

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

雷雷

});
})

Answer 1

預設情況下 .span{

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

}

點選顯示時，為元素add一個class或toggle
.page-slideLeft {

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

}

最後，不是我踩的你，我從來不踩人O(∩_∩)O~