点击按钮使div显示隐藏 有动画,点击显示但是收不回去。

Question

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

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

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

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

});
})

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~