我目前正在使用以下代码。
<script type="text/javascript">
$(document).ready(function(){
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').toggle(function(){
$(".slidingDiv").animate({
opacity: 0.25,
left: '+=50',
height: 'toggle'
}, 5000,
function(){
$("#plus").text("-")
}
);
},function(){
$(".slidingDiv").slideUp(
function(){
$("#plus").text("+")
}
);
});
});
</script>
我的动画正在工作,但它上下滑动。我宁愿让它从左向右滑动来显示。这似乎是一个简单的修复,但我在让它工作时遇到了一些问题。
想法?
最佳答案
您可以使用
向右滑动:
.animate({ width: 'show' });
向左滑动:
.animate({ width: 'hide' });
请引用这个 fiddle :http://jsfiddle.net/pitchaip/dK6Zv/
关于jquery - 从左到右动画显示/隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14418165/