動畫顯示/隱藏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/