Comment changer juste le contenu d'une div ?

<style type="text/css">
.div{width:100px;height:100px;background:lightblue;}
</style>

<script type="text/javascript">
function div_droite(action){
    if(action=='afficher'){
        document.getElementById('div_gauche').style.visibility = 'visible';
    }
}
</script>

<div onclick="div_droite('afficher');" class="div">
cliquer pour afficher le div de droite
</div>


<div style="visibility:hidden;" id="div_gauche">
texte caché
</div>