动画显示/隐藏div从左到右

时间:2013-01-19 19:44:49

标签: jquery animation

我目前正在使用以下代码。

<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>

我的动画正在运转,但它上下滑动。我宁愿让它从左到右滑动显示。这似乎是一个简单的修复,但我有一些问题让它工作。

思考?

1 个答案:

答案 0 :(得分:9)

您可以使用

SlideRight:

  .animate({ width: 'show' }); 

SlideLeft:

  .animate({ width: 'hide' });

请参考这个小提琴:http://jsfiddle.net/pitchaip/dK6Zv/