ok ho trovato qualcosa...
[CODE]
<script type="text/javascript" language="javascript">
/* Superior Web Systems */
function displayHideBox(boxNumber)
{
if(document.getElementById("LightBox"+boxNumber).s tyle.display=="none") {
document.getElementById("LightBox"+boxNumber).styl e.display="block";
document.getElementById("grayBG").style.display="b lock";
} else {
document.getElementById("LightBox"+boxNumber).styl e.display="none";
document.getElementById("grayBG").style.display="n one";
}
}
</script>
[\CODE]
qui il codice del body:
[CODE]
<div id="LightBox1" class="box_content" style="display:none;">
<div class="titolo" onclick="displayHideBox('1'); return false;" style="margin-top:0 !important;cursorointer; border-bottom:#000 solid 1px">MENU 01</div>
</div>
</div>
<div id="LightBox2" class="box_content" style="display:none;">
<div class="titolo" onclick="displayHideBox('2'); return false;" style="margin-top:0 !important;cursor
</div>
</div>
<div id="LightBox3" class="box_content" style="display:none;">
<div class="titolo" onclick="displayHideBox('3'); return false;" style="margin-top:0 !important;cursor
</div>
</div>
[\CODE]
adesso funziona ma non ha nessun effetto di fade in fade out.
qualche suggerimento per implementarlo?
Rispondi quotando