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

Question

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

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

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

思考？

Answer 1

您可以使用

SlideRight：

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

SlideLeft：

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

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