Как сделать, чтобы два блока сменяли друг друга при клике?

$(document).ready(function() {
 
               $("#main").click(function() {
               $("div.news-detail").replaceWith(news);                  
            });   
            
   var image = $("div#kart").wrap().html();
   var anons = $(".news-detail span").wrap().html();
   var data = $("#data-detail").wrap().html(); 
   var detail = $(".news-detail").detach(); 
   var news = $(".new");   
   $("div.center-b div.brown").append(image);
   $(".center-b p").append(anons+"...");
   $(".center-b .data").append(data); 
 
               $("#news").click(function() {
                $(".new").replaceWith(detail);   
            });
               
});

$(document).ready(function(){
   $('#name').load('name.php');
});

function NewsDetail() {
var data = $("#data").wrap().html(); 
      $(".new").load('news.htm', data, function() {
          $("#data-detail").append(data);
      });       
  }

<script>
$(document).ready(function(){
   $('#data').load('name.php'); /* эта строка загружает name.php в блок data после того, как страница полностью загружена в браузер*/
});
</script>
<script>
function NewsDetail() {
var data = $("#data").wrap().html(); 
   $(".new").load('news.htm', data, function() {
       $("#data-detail").append(data);
   });       
}
</script>

$(document).ready(function(){
   var data = $("#data-detail").wrap().html();
   $(".new").load('news.htm', data, function() {
       $("#data").append(data);
   });

function NewsDetail() {
var data = $("#data").wrap().html(); 
      $(".new").load('news.htm', data, function() {
          $("#data-detail").append(data);
      });       
  }

$(document).ready(function() {
    document.getElementById('kart').innerHTML = '<img src="images/' + multiply () + '.jpg">';
 
 
    document.getElementById('brown').innerHTML = '<img src="images/' + multiply () + '-sm.jpg">';
 
 
                $("#main").click(function() {                   
                    $("div.news-detail").detach();      
                    $(".content").append(news); 
 
                }); 
                
 
   var anons = $(".news-detail span").wrap().html();
   
   
 function multiply () {  
   var data = $("#data-detail").wrap().html();  
   return data;
   }
   
   var datanew = multiply ()
   
   var detail = $(".news-detail").detach();  
   var news = $(".new");    
 
   $(".center-b p").append(anons+"...");
   $(".center-b .data").append(datanew);  
   
   
 
 
                $("#news").click(function news() {
                    $(".new").detach(); 
                    $(".content").append(detail);                       
                });
                   
});