Salut à tous ! Je n'ai pas de réel problème mais je voudrais juste savoir si le code ci-dessous est le plus optimisé pour afficher l'image quand on clique sur le texte approprié et enlever l'image pareil. Merci d'avance

<span id="test">Afficher l'image !</span><br/>
<span id="test2">Enlever l'image !</span>
<img src="images/en-tete.jpg" id="img"/>
<script>
document.getElementById('test2').style.display = "none";
document.getElementById('img').style.display = "none";

	document.getElementById('test2').onclick = function() 
	{
    document.getElementById('img').style.display = "none";
	document.getElementById('test2').style.display = "none";
	document.getElementById('test').style.display = "";
	}
	
	document.getElementById('test').onclick = function() 
	{
    document.getElementById('img').style.display = "";
	document.getElementById('test').style.display = "none";
	document.getElementById('test2').style.display = "";
	}
</script>

Le plus optimisé serait :

(function() {
	var span = document.getElementById('test');
	var span2 = document.getElementById('test2');
	var img = document.getElementById('img');
	
	span2.style.display = img.style.display = 'none';
	
	span2.onclick = function() {
		img.style.display = span2.style.display = 'none';
		span.style.display = '';
	};
	
	span.onclick = function() {
		img.style.display = span2.style.display = '';
		span.style.display = 'none';
	};
})();

ok merci