Home/ Questions/Q 5983873
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T22:17:36+00:00

I am trying to get jQuery to animate with slide rather than toggle. I

  • 0

I am trying to get jQuery to animate with slide rather than toggle. I have these files included in my HTML <head>:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

jQuery:

// $item is a list gathered as $('#gallery ul li') and all output to console as should
// $prev will be used to get current li width, but not to worry about for now.
$.fn.slider = function($item,$prev){
        $item.each(function(i){
            $(this).animate({width:'slide',left:'-= 500'});
        });
    };

What I don’t understand is if I change the animate width from slide to toggle, it will work, but with the slide, nothing happens. I tested at jsfiddle, and the slide works there. What’s the deal? What am I missing that jsfiddle has?

Edit: Here is the fiddle: http://jsfiddle.net/robx/ZvKUW/1/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From http://api.jquery.com/animate/

    In addition to numeric values, each
    property can take the strings ‘show’,
    ‘hide’, and ‘toggle’. These shortcuts
    allow for custom hiding and showing
    animations that take into account the
    display type of the element.

    Note that 'slide' isn’t mentioned, therefore it’s ignored.

    • 0