我目前正在使用以下代码。
<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>
我的动画正在运转,但它上下滑动。我宁愿让它从左到右滑动显示。这似乎是一个简单的修复,但我有一些问题让它工作。
思考?
答案 0 :(得分:9)
您可以使用
SlideRight:
.animate({ width: 'show' });
SlideLeft:
.animate({ width: 'hide' });
请参考这个小提琴:http://jsfiddle.net/pitchaip/dK6Zv/