Jquery navigation using html()

Question

    $('.page').on('click',function(){
       $(this).next('.content').css('display','block');
           $('body').empty('');
           var post = $(this).next('.content').css('display','block');
           post.appendTo('body');

    });

How to clear all other thing except the .content so it's like u nagivated to a new page? I tried above code but my logic flawed. I'm new to jquery.

Answer 1

Maybe you can detach the node before clearing the page then append it back.

$('.page').on('click',function(){
   var content = $(this).next('.content').detach();
   $('body').html('').append(content.css('display','block'));
});

Answer 2

$('.page').on('click',function(){
   $('body').empty();
   // you have just deleted the page, how would you find other objects in the page ?
   // $(this).next('.content').css('display','block');
   // Try to .append new elements to the body
});