Nascondere contenuto con javascript

Ciao a tutti...
Ho trovato uno script per nasconder e aprire un contenuto con javascript schiacciando su un bottone ..
il codice è questo:

Codice:

<html> <head> <input type="button" value="Visualizza blocco" onClick="display_block();"/> <input type="button" value="Nascondi blocco" onClick="hide_block();"/> <script language="javascript"> function display_block() { document.getElementById('foo').style.display = "block"; } function hide_block() { document.getElementById('foo').style.display = "none"; } </script> <div id="foo"> contenuto</div> <style> div#pippo { display:block; } </style> </head> <body> </body> </html>

Il mio problema è che voglio che il contenuto sia chiuso quando si apre la pagina e non aperto come nel codice.

Nel tag <head> dovresti inserire solo questi tag: <base>, <link>, <meta>, <script>, <style> e <title>. Il resto va in <body>!

Detto questo, se ho capito bene:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>...</title> <script type="text/javascript"> //<![CDATA[ function display_block() { document.getElementById("foo").style.display = "block"; } function hide_block() { document.getElementById("foo").style.display = "none"; } //]]> </script> <style type="text/css"> /* <![CDATA[ */ #foo { display: none; } /* ]]> */ </style> </head> <body> <input type="button" value="Visualizza blocco" onclick="display_block()"> <input type="button" value="Nascondi blocco" onclick="hide_block()"> <div id="foo">  <p>Contenuto</p> </div> </body> </html>

questo dovrebbe essere quello che vuoi fare.

Citazione:

Originalmente inviato da javascripter

Nel tag <head> dovresti inserire solo questi tag: <base>, <link>, <meta>, <script>, <style> e <title>. Il resto va in <body>!

Detto questo, se ho capito bene:

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>...</title> <script type="text/javascript"> //<![CDATA[ function display_block() { document.getElementById("foo").style.display = "block"; } function hide_block() { document.getElementById("foo").style.display = "none"; } //]]> </script> <style type="text/css"> /* <![CDATA[ */ #foo { display: none; } /* ]]> */ </style> </head> <body> <input type="button" value="Visualizza blocco" onclick="display_block()"> <input type="button" value="Nascondi blocco" onclick="hide_block()"> <div id="foo">  <p>Contenuto</p> </div> </body> </html>

questo dovrebbe essere quello che vuoi fare.

Grazie mille è proprio quello che volevo fare :)