Question

I would like to do exactly the same thing as the “add comment” effect on stackoverflow. I have found a lot of information on how to open a text area (but it is a pop up) when the user click on a link (or a button), but I do not find a way to do this :

When the user click on “Inscription by email”

<div class="end-right-zone">
    <p>Inscription by e-mail</p>
</div>

The zone is replaced by the various information required to register by email :

<div class="inscription-by-email-deployed">
    <p>first name</p>
    <p>last name</p>
    <p>email</p>
</div>

I do not develop to much the example, as it is exactly the same as the “add comment” effect on stackoverflow. Thank you in advance

Answer 1

Do you want something like this, perhaps (using jQuery)?

$(".end-right-zone p").click(function() {
    $(".end-right-zone").html($(".inscription-by-email-deployed").html());
});

Or, in the event that you wanted to replace .end-right-zone entirely, try something like this:

$(".end-right-zone p").click(function() {
    $(".end-right-zone").replaceWith($(".inscription-by-email-deployed"));
});