/ / podkład 5 akordeonu naświetlonych treści - zurb-foundation-5

podłoże 5 akordeonów naświetlonych - zurb-foundation-5

Próbuję użyć poniższego kodu foundation5. Problem polega na tym, że zawartość jest narażona na obciążenie. Potrzebuję go ukryć do momentu kliknięcia. Udało mi się to ukryć, ale potem się nie rozszerzy. Wszelkie sugestie będą bardzo mile widziane.

Dziękuję Ci

<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>

Odpowiedzi:

1 dla odpowiedzi № 1

Zgodnie z Dokumenty Fundacji, klasa active służy do wyświetlania odpowiedniej treści. Więc jeśli don "t chcesz, aby zawartość ma być wyświetlany po załadowaniu strony, usunąć klasę active. Dodatkowo upewnij się, że Twoje znaczniki HTML są czyste. W podanym przykładzie widzę wiele nieprawidłowych znaczników, takich jak niezamknięte znaczniki. Twój końcowy marż powinien wyglądać tak:

<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>