- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- toggle: far partire la pagina con il div chiuso, come fare?
-
toggle: far partire la pagina con il div chiuso, come fare?
ciao a tutti
ho un piccolo problema con l'utilizzo del toggle (mostra o nascondi testo di un div)In pratica vorrei far partire la mia pagina con questo div chiuso per poi premere sui pulsanti di apertura e chiusura per decidere se aprirlo o chiudere nuovamente.
Questo è il codice che sto utilizzando:
<script>
$(document).ready(function()
{
$("#btn1").click(function(){
$("#map").animate({height:"550px"});
});
$("#btn2").click(function(){
$("#map").animate({height:"0px"});
});
});
</script>C'è qualcosa che posso modificare per fare ciò?
-
@No_Stress said:
ciao a tutti
ho un piccolo problema con l'utilizzo del toggle (mostra o nascondi testo di un div)In pratica vorrei far partire la mia pagina con questo div chiuso per poi premere sui pulsanti di apertura e chiusura per decidere se aprirlo o chiudere nuovamente.
Questo è il codice che sto utilizzando:
<script>
$(document).ready(function()
{
$("#btn1").click(function(){
$("#map").animate({height:"550px"});
});
$("#btn2").click(function(){
$("#map").animate({height:"0px"});
});
});
</script>C'è qualcosa che posso modificare per fare ciò?
Ciao, non ti basterebbe al caricamento della pagina impostare #map su height=0? Cosi':
<script>
$(document).ready(function()
{
$("#map").animate({height:"0px"});
$("#btn1").click(function(){
$("#map").animate({height:"550px"});
});
$("#btn2").click(function(){
$("#map").animate({height:"0px"});
});
});
</script>Con questo codice si chiudera animandosi a partire dalla sua altezza impostata (immagino sia 55px).
Oppure puoi farlo con i css...
-
Ciao, si infatti con altezza a 0 funziona bene, grazie.
L'unica cosa è che vorrei poter utilizzare un unico bottone/link/immagine per poter aprire e chiudere il toogle.
Come potrei modificare il tutto? (Facendo partire sempre la pagina con il toogle chiuso)
