Question

I have the following slider code which uses Mootools:

window.addEvent('domready', function () {
    // Declaring increment vars
    var totIncrement = 0;
    var increment = 230;
    var maxRightIncrement = increment * (-3);

    // FX var
    var fx = new Fx.Style('myList', 'margin-left', {
        duration: 500,
        transition: Fx.Transitions.Back.easeInOut,
        wait: true
    });
});

I wanted to use jQuery javascript. Can anybody tell me how to convert the above code to jQuery?

Answer 1

Something like this:

$(document).ready(function(){
    // Declaring increment vars     
    var totIncrement = 0;     
    var increment = 230;     
    var maxRightIncrement = increment*(-3); 

    $('#myList').animate({ 'margin-left' : increment }, 500, 'easeInOut');
});