move content from one hidden div to another displayed div

how do i move content from one hidden div to another displayed div using jquery?

say i have div1 with display style is none and another div "div2" with display style block.

how do I move the content from div1 to div2 and clear div1?

4 Answers

.contents() may be what you need:

$('#div1').contents().appendTo('#div2') 

Take note that it will move (not copy) the inner elements from one div to the other.

Why not just show the hidden div and hide the displayed one?

But to answer your question.

 $('#div2').html($('#div1').html()); $('#div1').html(''); 

First you'd need to get the HTML from DIV1, and then set the HTML in DIV2.

Use the get/set operations available on the .html() selector.

Like this:

var div1Html = $('#div1').html(); $('#div2').html(div1Html); 

$( $('#div1').html() ).appendTo('#div2')