chiudere un div

[leopard]

ho trovato questo codice che dovrebbe fare al caso mio ma non riesco a usarlo all'interno del div, qualcuno sa indicarmi come usarlo?

--- CODE HTML ---

<div id=layer1 style="position:absolute; top:20; left:20; width:1000; height:800; z-index:1; padding:0px;">
bla bla bla
</div>

show/hide



--- CODE JAVASCRIPT ---
// click on the div
function toggle( e, id ) {
var el = document.getElementById(id);
el.style.display = ( el.style.display == 'none' ) ? 'block' : 'none';

// save it for hiding
toggle.el = el;

// stop the event right here
if ( e.stopPropagation )
e.stopPropagation();
e.cancelBubble = true;
return false;
}

// click outside the div
document.onclick = function() {
if ( toggle.el ) {
toggle.el.style.display = 'none';
}
}

[RoTeam]

Ti serve un semplice apri e chiudi per div? Fai prima con jquery, e volendo puoi anche modificare la velocità

show/hide
<script>
function toggle(div){
    div = '#'+div;
    if($(div).is(':hidden'))
       $(div).show();
    else
        $(div).hide();
}
</script>

yep, meglio fadeToggle

[cavicchiandrea]

<div id=layer1 style="position:absolute; top:20; left:20; width:1000; height:800; z-index:1; padding:0px;">
bla bla bla
</div>

show/hide

Se lo identifichi id layer1 dovrai passagli lo stesso id non box.

Consigli non usare variabili e funzioni con lo stesso nome toggle (alcuni browser potrebbero confondersi) e quando posti il codice usa il tasto [code]...[/ code] e definisci sempre gli attributi degli elementi id="layer1"

[cavicchiandrea]

Se devi usare jquery (se è solo per questa cosa lo sconsiglio) puoi fare anche senza funzione

show/hide

*slow puoi sostituirlo con un numero da 1 a 1000 (che sono i millisecondi)

[leopard]

Grazie mille.