jQuery从左到右隐藏/显示div

Question

所以我一直在寻找一个简单的jQuery解决方案来从左到右切换div标签的滑动动作。

这里是我的工作进行滑动向上/向下：

<script type="text/javascript"> 
    var $x = jQuery.noConflict(); 
    $x(document).ready(function() { 
    // hides the slickbox as soon as the DOM is ready 
     $x('#slickbox').hide(); 

    $x.fn.fadeToggle = function(speed, easing, callback) { 
     return this.animate({opacity: 'toggle'}, speed, easing, callback); 
    }; 
    $x("#slick-toggle").click(function() { 
        $x("#slickbox").fadeToggle({ 
     speed:200, 
     easing : "swing" 
     }) 
    $x(this).text($x(this).text() == 'Show Distributor Filters' ? 'Hide Distributor Filters' : 'Show Distributor Filters'); 
    return false; 
      }); 
    }); 

    </script> 

但是，当我试图使用调整它像下面看到的代码，它只是将不起作用：

<script type="text/javascript"> 
var $x = jQuery.noConflict(); 
$x("#clicky").click(function(){ 
    if($x("#slide").is(':visible')) 
     { 
    $x("#slide").animate({ width: 'hide' }); 
     } 
     else 
     { 
     $x("#slide").animate({ width: 'show' }); 
     } 
}); 
</script> 

我希望有人能看到我的缺陷......谢谢！

Answer 1

作为候补您也可以
试试这个JQUERY slideup & down widget 非常简单&容易理解..