Moduli interattivi a scomparsa
Author: Patrizia I.
Visited 2113,
Followers 1,
Shared 0
Ciao,
volevo sapere se fosse possibile aggiungere dei moduli invisibili, in una determinata pagina, che diventano visibili dopo il click di uno specifico pulsante.
Un po' come il pulsante di "spoiler" nei forum.
In pratica vorrei creare questo modulo immagine che, se cliccato, rende visibile il modulo sottostante (nel mio caso di testo), che altrimenti deve rimanere invisibile.
Più o meno come agisce quasto codice
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_hide_show
Posted on the
in Oggetto codice HTML ...
hai visto l'accordion ?
https://www.w3schools.com/howto/howto_js_accordion.asp
o qui dagli "amici del cucuzzolo"
https://quellidelcucuzzolo.blogspot.it/2016/04/effetto-accordion-oggetti-website-x5.html
Author
Grazie Mille, proprio quello che mi serviva
Author
Ciao,
Ho utilizzato il metodo suggerito da "quellidelcucuzzolo", cioè ho fatto l'accordion tramite l'ancora e l'oggetto di testo. Però questo mi impedisce i creare un secondo accordion dentro il precedente. Io avrei priorio bisogno di fare diverse sottocategorie.
è possibile farlo o c'è proprio un limite fisico alla cosa?
...per il codice del "cucuzzolo" chiedi a loro sul loro sito ...
... non so se ho ben capito, ma il link che avevi postato nel primo post mi ha fatto venire in mente il mio antico esperimento(v.7) > divsino, e magari potrebbe venirti qualche idea...
.
Author
Allora, intanto grazie a tutti per le risposte.
Grazie a claudio ho capito che quello che cercavo era proprio "l'accordion", il problema è che avrei bisogno di "nestarlo" e col metodo del cucuzzolo non è possibile.
Quindi ho cercato online, ed ho trovato questo https://codepen.io/brenden/pen/Kwbpyj che è proprio quello che mi serve.
A questo punto però ho difficoltà nell'utilizzo dell'oggetto codice html; inserisco l'html, il css, ma il codice java non so come utilizzarlo o inserirlo. Devo creare un file di testo da allegare? In che modo poi quel txt diventa js?
spero si sia capito il mio quesito, grazie a tutti in anticipo.
Il codice Javascript lo puoi inserire nell'header (meglio) oppure direttamente nell'oggetto html
prima del codice html in mezzo ai tag<script></script>
ciao