Question

I am trying to do a seasaw effect with Jquery, but need some help with which plugin to use. I want the bar to go up and down and the box on the top to move with it. here is my code on JsFiddler: http://jsfiddle.net/semantic/LscQd/4/

Thanks

Answer 1

Using the jQuery Rotate plugin, I was able to get the teeter-totter effect with an interval and a timeout:

setInterval(function(){
    $(".bar").rotate({animateTo:15});
    $(".box").animate({left:284},1000);
    setTimeout(function(){
        $(".bar").rotate({animateTo:-15});
        $(".box").animate({left:0},1000);        
    }, 1000);
}, 2500);​

Fiddle: http://jsfiddle.net/LscQd/10/