jQuery Hide/Show Divs слева направо

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

Как Alternate Вы можете также
Попробуйте JQUERY slideup & down widget Очень простой & Легко понять ..