jQuery从左到右隐藏/显示Div

时间:2013-04-23 20:35:59

标签: jquery

所以我一直在寻找一个简单的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>

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

1 个答案:

答案 0 :(得分:0)

作为替代你也可以 试试这个JQUERY slideup & down widget 非常简单&amp;容易理解..