Question

Bellow is my code for a contact form which expands as a user clicks it

$(document).bind('click',
            function() {
$('div#contactable_inner').animate({"marginLeft": "-=387px"}, "slow")
            });

For each click, the element moves to -387px. I want it to move -387px only for the 1st click. For all the next clicks, it should not animate.

Answer 1

$(document).one('click',
            function() {
$('div#contactable_inner').animate({"marginLeft": "-=387px"}, "slow")
            });

.one() which fires for only one time.

Read about .one()