una cosa del genere:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<script type="text/javascript">
function MostraNascondi(id){

var div = document.getElementById('sx').getElementsByTagName('div')

for(i=0;i<div.length;i++){
if(document.getElementById(id).id == div[i].id) 
div[i].style.visibility='visible';
else div[i].style.visibility='hidden';
}
}

</SCRIPT>


<style type="text/css">
<!--
#sx {
	float: left;
	height: 500px;
	width: 350px;
}
#dx {
	float: left;
	height: 500px;
	width: 350px;
}
#div1{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
#div2{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
#div3{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
#div4{
	width:348px;
	border: 1px solid #999999;
	visibility: hidden;
}
-->
</style>
</HEAD>

<BODY bgcolor="white">
<div id="sx">
  <div id="div1">Inserire qui il contenuto per  id "div1"</div>
  <div id="div2">Inserire qui il contenuto per  id "div2"</div>
  <div id="div3">Inserire qui il contenuto per  id "div3"</div>
  <div id="div4">Inserire qui il contenuto per  id "div4"</div>
</div>
<div id="dx">Div 1
Div 2
Div 3
Div 4</div>
</body>

</html>
Con questa soluzione ogni div manterrà la propria posizione (non visibile).