Question

I need to show some text when a user clicks a link, and then remove the link after it has been clicked.

Example here: http://jsfiddle.net/HCAfz/2/

How do I remove the link that was clicked from the page and keep the behavior above, with the hidden div being shown?

Answer 1

To completely remove the link do:

$('a.yourLink').click(function(event) {
    $(this).next('.hiddenDiv').show();
    window.open(this.href, '_blank');
    $(this).remove();

    return false;
});

To hide the link do:

$('a.yourLink').click(function(event) {
    $(this).next('.hiddenDiv').show();
    window.open(this.href, '_blank');
    $(this).hide();

    return false;
});

Note that I do return false; in stead of event.preventDefault(); and event.stopPropagation(); since it is the same