TechDoc/JavaScriptCSSTricks

nützliches für css und dom manipulation per javascript

1. basics

1.1. div ein/ausblenden

---

1. basics

---

1.1. div ein/ausblenden

header

 	<style type="text/css">
                #info {display: block}
		#info_none {display: none}
		#box_display {display: none}
	</style>

	<script type="text/javascript">
	window.onload = function () {
		var e = document.getElementById?('box_display');	
		e.style.display = 'none'; 
	}
	function changeDISPLAY(div) {
		var e = document.getElementById?(div);	
		e.style.display = ( e.style.display == 'none' ) ? 'block' : 'none'; 
		var f = document.getElementById?('info');	
		f.style.display = ( f.style.display == 'block' ) ? 'none' : 'block'; 		
		var g = document.getElementById?('info_none');	
		g.style.display = ( g.style.display == 'none' ) ? 'block' : 'none'; 				
	}
	</script> 

body

 
 <div id="info">
     ...daten <a href="#" onClick="changeDISPLAY('box_display');">anzeigen</a>
 </div>
 <div id="info_none">
   ...daten <a href="#" onClick="changeDISPLAY('box_display');">ausblenden</a>
 </div>
 <div id="box_display">
   [daten.....]
 </div>