jQuery get source element in callback

Question

$('.myElem').live('click', function() {
    $(this).hide(500, function() {
        $(this).siblings('.myOtherElem').show();
    });
});

The above doesn't work because $(this) is no longer in correct scope in the callback. How do I pass my original source element into the callback?

Answer 1

$('.myElem').live('click', function() { 
    var $this = $(this);
    $this.hide(500, function() { 
        $this.siblings('.myOtherElem').show(); 
    }); 
}); 

Answer 2

Your could should work.

To access this within a inner method you have to store the reference in the outer method like this:

$('.myElem').live('click', function() {

   var myElem = this;

    $(this).hide(500, function() {
        $(myElem ).siblings('.myOtherElem').show();
    });

});

Answer 3

$('.myElem').live('click', function() {
    $(this).hide(500);
    $(this).siblings('.myOtherElem').show();
});