effetto tendina su div

[andrea296]

Salve, ho trovato uno script su html.it (http://javascript.html.it/script/ved...endina-su-div/ ) ma vorrei che al caricamento della pagina la tendina sia chiusa. Ho già cercato nelle precedenti discussioni ma non capendoci niente di javascript non sono riuscito. Qualcuno può spiegarmi??? GRAZIE

[m4rko80]

Ciao, in pratica sul click va a modificare l'altezza del div(height) con id container.
La porta a 0px e con overflow:hidden il contenuto resta nascosto perche' non fuoriesce dal contenitore appunto.

Diciamo che basterebbe modificare nello stile <style>.. height di container e metterlo a 0 di partenza.

Comunque a mio parere, tralasciano il fatto che funziona, per fare una cosa del genere sarebbe più semplice farlo con jquery con 2 righe di codice.

Includi la libreria direttamente da google
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('#apri').bind('click',function(){
$('#prova').toggle();
});
});
</script>

Css per l'elemento
<style>
#prova{
height:250px;
width: 400px;
display:none;
}
</style>
Per aprire
click
Esempio elemento da nascondere
<div id="prova">aaa aaa aaaa</div>

[andrea296]

ok grazie mille funziona benissimo!!!