Question

I have web page i want that when page is loaded after some time it slide images without any click I am using following code it slides on button click but also shows images when page loaded but i want to slide after some time when page is loaded and initially images should be hidden

below is the demo link which is done

http://jsfiddle.net/WM5tA/2/

Answer 1

Extract your function and call it in a setTimeout and also in your click handler:

http://jsfiddle.net/WM5tA/4/

Js

 $(document).ready(function() {
        setTimeout(slideAround, 5000); // Toggles the slide after 5 seconds      
        $("input[type=button]").click(slideAround);
        });

 function slideAround() {
        $(".imageone, .imagetwo").slideToggle();
   }

Update

To show the divs when in a Timeout rather than hiding them simply set the elements to display:none; in your CSS.

http://jsfiddle.net/WM5tA/6/

CSS

.imageone, .imagetwo
            {
                [...]
                display:none;
            }

Update 2

To slide your elements from right to left you’ll need to use jQuery UI like this:

http://jsfiddle.net/WM5tA/7/

$(".imageone, .imagetwo").show("slide",{direction: "right"}, 1000);