Удаление содержимого
 

<a id="load_button1">загрузить изображения</a>
<a id="load_button2">загрузить файл</a>

<div id="div_loader1"></div>
<div id="div_loader2"></div>

<script type="text/javascript" language="JavaScript"> 
$(document).ready(function(){ 
 $('#load_button1').click(function(){ 
 $('#div_loader1').load('контент первой страницы'); 
 }) 
}); 
    
$(document).ready(function(){ 
 $('#load_button2').click(function(){ 
 $('#div_loader2').load('контент 2-й страницы'); 
 }) 
}); 
</script>

Каким образом сделать что бы после выбора одного закрывался другой, но не див, а содержимое, от есть страница.

Так как нужно что бы контент был только одной страницы....

Элементарно.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<a id="load_button1">загрузить изображения</a>
<a id="load_button2">загрузить файл</a>
 
<div id="div_loader1"></div>
<div id="div_loader2"></div>
 
<script type="text/javascript" language="JavaScript">
$(document).ready(function(){
 $('#load_button1').click(function(){
 $('#div_loader2').empty();
 $('#div_loader1').load('контент первой страницы');
 })

 $('#load_button2').click(function(){
 $('#div_loader1').empty();
 $('#div_loader2').load('контент 2-й страницы');
 })
});
</script>

спс.

Не понятно почему, но скрипт при нажатии получения данных перезагружает страницу.
С чем может быть связано..?

dima_riabets,
например с тем что вы нажали на ссылку

Нет, пробовал и обычным span, href="ja.. "
оно просто переходит на ту страницу которая в .load(''); , которая просто пустая...