jquery - 从左到右动画显示/隐藏 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

您可以使用

右滑：

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

左滑：

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

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