Question

I have this function wich slides an animation to the left, but my problem is that once the animation started, the “explode” function dosn’t take any other parameters like { pieces: 16 } what function should i use to make this work ?

And 1 more thing if i click and go to next page when i press back both disapear what should i do to display them again ? Tnks a lot

  setTimeout(function(){
    $("#slideleft").animate(
        {marginLeft:'300px'},'slow')}
            , 1000);    
    $("#slideleft").click(function() {
        $(this).hide("explode", { pieces: 16 }, 2000);
          $('#slideright').hide();
    });     

Answer 1

“explode” needs margin-left to do it’s work. You highjacked it with your animation. Using a container

<div id="container"><div id="slideleft"></div></div>

you can get all 16 pieces

setTimeout(function(){
    $("#container").animate(
        {marginLeft:'300px'},'slow')}
            , 1000);    
    $("#slideleft").click(function() {
        $(this).hide("explode", { pieces: 16 }, 2000);
          $('#slideright').hide();
    });  

jsFiddle