Ein- und ausblenden von Divs bei klick

[1g0r]

<script>function click( id ) {  
  	var e = document.getElementById( id );  
  	if( e.style.display == 'none' ) {  
    e.style.display = '';  
 	}  
 	else {  
    e.style.display = 'none';  
 	}  
	}  
    </script>  
  
<a href="javascript:click('pic');"><img src="img/clickforcontent.png" alt="klick" id="klick_button" title="klick" /></a>  
  
<div id="pic">text tralala </div>

das wars glaub ich. damit klicke ich auf bild und der text erscheint...aber wenn ich wieder auf das bild klicke geht der text wieder weg. Der text soll ja erst "weg" sein und dann via klick aufs bild erscheinen und da bleiben.