CSS With Javascript




The Form Code

<input type=button value="Hide 1" onclick="hide1()">
<input type=button value="Show 1" onclick="show1()">
<input type=button value="Hide 2" onclick="hide2()">
<input type=button value="Show 2" onclick="show2()">
<input type=button value="Hide 3" onclick="hide3()">
<input type=button value="Show 3" onclick="show3()">

The JavaScript

<script language=javascript>

	function hide1() { document.all.thing1.style.display = "none" }
	function show1() { document.all.thing1.style.display = "block" }

	function hide2() { document.all.thing2.style.display = "none" }
	function show2() { document.all.thing2.style.display = "block" }

	function hide3() { document.all.thing3.style.display = "none" }
	function show3() { document.all.thing3.style.display = "block" }

</script>
Hello There 1
Hello There 2
Hello There 3