Question

Im trying to build sort of slide where when click on link “.animate” will change it position ( every time 100px more)

This:

$(function(){
    $('#m-main').click(function(){
        $('slide').animate({top : "100px"}, {duration:500})
    })
});

will work only once.

How can I make this working?

Many thanks for your help.

Answer 1

$(function() {
    $('#m-main').click(function(){
        $(this).data($(this).data('pos') + 100);
        $('slide').animate({top : $(this).data('pos') + 'px'}, {duration:500})
    })
});