¿Puedo agregar un div ya existente a otro div existente?

Question

Tengo un formulario de contacto en un div por sí mismo con opacity 0, y un div donde el contenido se manipula dinámicamente según lo que haga clic en el menú. Después de que el usuario llegue a la última etapa del menú, necesito borrar el contenido del div que muestra todo y luego "mover" el div del formulario a él, ¿funcionaría algo así?

$('#menu_form').on('click', function() { 
    $('#form_div').append('#display_div'); 
}); 

Así que para recapitular 2 divs ya existentes, tienen que colocar una de ellas en el otro al hacer clic.

Answer 1

que puede utilizar: .appendTo() método:

$('#menu_form').on('click', function(){ 
    $('#form_div').appendTo('#display_div'); // appendTo -> selector 
}); 

o puede utilizar .append() método:

$('#menu_form').on('click', function(){ 
    $('#display_div').append($('#form_div')); // append -> object 
}); 

Answer 2

Comprobar this jsFiddle de un POC rápida. Aparentemente lo hace.

El truco es pasar la referencia de objeto, no sólo el identificador de objeto, así:

$('#menu_form').on('click', function(){ 
    $('#form_div').append($('#display_div')); 
}); 

También puede pasar el objeto actual, utilizando this:

$('#menu_form').on('click', function(){ 
    $('#form_div').append(this); 
});