Question

On my page I have a button that unwraps all the <article> from it’s containers and after that wrap each one separately into <section>.
My question is if it’s possible to reverse that action by clicking a button so that all the <article> would group back into the same position they were at the beginning?

I’ve created an example:

http://jsfiddle.net/JCERK/9/

Answer 1

My method just uses jQuery .clone(); method.

Reference: jsFiddle

jQuery Code:

var oldWrap = $('#wrapper').clone();


$('#unwrap').click(function() {
    $('article').unwrap();
    $('article').wrap('<section></section>');
});

$('#wrapback').click(function() {

    $('#wrapper').replaceWith(oldWrap);
    oldWrap = $('#wrapper').clone();

});