Changer contenu d'une div au click

Bonjour, j'essaye de faire en sorte que lorsque que l'on clique sur un lien, le contenu d'une div change.

J'ai donc fait ça :

	<script type="text/javascript">

	      	$(document).ready(function() 
	      	{
	
	        	$("#mobLink").click(function() 
	        	{
	        		$("#textDiv").html(" texte contenu dans mobDiv");
	        	});
	        	$("#viewLink").click(function() 
	        	{
	        		$("#textDiv").html(" texte contenu dans viewDiv");
	        	});
	    	});
	
	    </script>
    
			<div id="textDiv"></div>
			
			<div id="mobDiv" >
				Idoupoutou
			</div>
			
			<div id="viewDiv">
				Notre vision
			</div>

Le soucis (normal) c'est que le texte dans mobDiv et viewDiv s'afficher, mais je ne veux pas !

Savez comment faire ???
merci !

Ce que tu demandes, n'est pas très clair.

Soit tu peux cacher après le clic les div que tu veux pas afficher, soit tu peux les vider.
Dans le premier cas c'est .hide() / .show(), dans le 2eme c'est .html('');

En fait ce que je voudrai faire, c'est n'affciher qu'un seule div (textDiv), et les div mobDiv et viewDiv c'est jute des conteneur que je ne veux 'appeller' dans textDiv ...

en fai j'ai résussi

en faisant ça :

	      	$("#viewDiv").hide();
	
	        	
	        	$("#viewLink").click(function() 
	        	{
	        		$("#textDiv").html($("#viewDiv").html());
	        	});

Modifié par cyrius (11 May 2010 - 11:16)

cyrius a écrit :
en fai j'ai résussi

en faisant ça :

	      	$("#viewDiv").hide();
	
	        	
	        	$("#viewLink").click(function() 
	        	{
	        		$("#textDiv").html($("#viewDiv").html());
	        	});

Sinon en plus propre ca donne :

var text = $("#viewDiv");
text.hide();	

$("#viewLink").click(function() {
    $("#textDiv").html(text.html());
});

Comme ca tu limites le fait que le dom soit parcouru plusieurs fois pour rien.

je vois pas trop la différence ...
Et j'ai 4 ou 5 div comme ça ...