Question

I would like to have an element slide left 10 seconds after the page loads. But i do not want it to disappear from the page entirely. I just want it to slide 200px. Then when I click remaining visible part i want it to slide back to the right.

not really sure how to set the distance… Here’s what i have so far:

$("#myEl").click(function(){
    $(this).animate({width:'toggle'},500);
});

Answer 1

jsBin demo

function tabHide(){                             // define a 'HIDE' function
  $('#tab').stop().animate({left:-150},1000); 
}

function tabShow(){                             // define a 'SHOW' function
  $('#tab').stop().animate({left: -1 },1000);
}

// Now let's play with this functions:

setTimeout(function(){                          // run 'HIDE' after 10"
  tabHide();
},10000);

$('#tab').toggle(function(){                    // click toggle 'SHOW' / 'HIDE'
   tabShow();
},function(){
   tabHide();
});

jQuery .toggle()
jQuery .stop()