/ / fondazione 5 contenuti esposti sulla fisarmonica - zurb-foundation-5

fondotinta 5 contenuti esposti a fisarmonica - zurb-foundation-5

Sto cercando di utilizzare il codice below5 di seguito. Il problema è che il contenuto è esposto sul carico. Ho bisogno che sia nascosto fino al momento del clic. Sono stato in grado di nasconderlo ma poi non si espanderà. Qualsiasi suggerimento sarebbe molto apprezzato.

Grazie

<div class="row">
<div class="large-12 columns">
<dl class="accordion" data-accordion>
<dd class="accordion-navigation">
<a href="#panel1b">XXXXXXXXS</a>
<div id="panel1b" class="content active">
Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</dd>
</dl>

risposte:

1 per risposta № 1

Secondo il Documenti di base, la classe active è usato per visualizzare il contenuto corrispondente. Quindi, se non vuoi che i tuoi contenuti vengano visualizzati quando la pagina viene caricata, rimuovi la classe active. Inoltre, assicurati di mantenere pulito il tuo markup HTML. Nell'esempio che hai fornito vedo molti markup non validi come tag non chiusi. Il tuo markup finale dovrebbe assomigliare a questo:

<div class="row">
<div class="large-12 columns">
<dl class="accordion" data-accordion>
<dd class="accordion-navigation">
<a href="#panel1b">XXXXXXXXS</a>
<div id="panel1b" class="content">Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</dd>
</dl>
</div>
</div>