Remove animation from Javascript slider
<p>I have a simple piece of Javascript below; at the minute it has 3 buttons and on clicking them or waiting for the Delay speed it changes between 3 slides. It does this by a sliding down animation. </p>

<p>I need to remove the animation altogether so that when you click the button or wait for the timer the slide instantly changes and there is no animation(no slide and no fade). </p>

<p>Is this possible with this piece of JS</p>



<pre><code>    &lt;script type="text/javascript"&gt;
        $(document).ready(function() {
        $('#slideShowItems div').hide().css({position:'relative',width:'100%'});
        var currentSlide = -1;
        var prevSlide = null;
        var slides = $('#slideShowItems div');
        var interval = null;
        var FADE_SPEED = 500;
        var DELAY_SPEED = 50000;
        var html = '&lt;ul id="slideShowCount"&gt;'
        for (var i = slides.length - 1;i &gt;= 0 ; i--){
            html += '&lt;li id="slide'+ i+'" class="slide"&gt;&lt;span&gt;'+(i+1)+'&lt;/span&gt;&lt;/li&gt;' ;
        }
        html += '&lt;/ul&gt;';
        $('#slideShow').after(html);
        for (var i = slides.length - 1;i &gt;= 0 ; i--){
            $('#slide'+i).bind("click",{index:i},function(event){
                currentSlide = event.data.index;
                gotoSlide(event.data.index);
            });
        };
        if (slides.length &lt;= 1){
            $('.slide').hide();
        }
        nextSlide();
        function nextSlide (){
            if (currentSlide &gt;= slides.length -1){
                currentSlide = 0;
            }else{
                currentSlide++
            }
            gotoSlide(currentSlide);
        }
        function gotoSlide(slideNum){
            if (slideNum != prevSlide){
                if (prevSlide != null){
                    $(slides[prevSlide]).stop().hide();
                    $('#slide'+prevSlide).removeClass('selectedTab');
                }
                $('#slide'+currentSlide).addClass('selectedTab');
                $('#slide'+slideNum).addClass('selectedTab');
                $('#slide'+prevSlide).removeClass('selectedTab');
                $(slides[slideNum]).stop().slideDown(FADE_SPEED,function(){
                    $(this).css({opacity:1});
                    if(jQuery.browser.msie){
                        this.style.removeAttribute('filter');
                    }
                });
                prevSlide = currentSlide;
                if (interval != null){
                    clearInterval(interval);
                }
                interval = setInterval(nextSlide, DELAY_SPEED);
                }
            }
        });
    &lt;/script&gt;
</code></pre>
