/ / фондация 5 експонирано съдържание на акордеон - zurb-foundation-5

фондация 5 експонирано съдържание на акордеон - zurb-foundation-5

Опитвам се да използвам кода below5. Проблемът е, че съдържанието е изложено на натоварване. Трябва ми да е скрита, докато не кликнеш. Аз успях да го скрия, но тогава няма да се разшири. Всяко предложение би било много ценено.

Благодаря ти

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

Отговори:

1 за отговор № 1

Съгласно Документи на фондацията, в класа active се използва за показване на съответното съдържание. Така че, ако не искате съдържанието ви да се показва, когато страницата се зареди, премахнете класа active, Освен това не забравяйте да запазите HTML кода си чист. Виждам много и невалидни марки като неотваряни маркери в примера, който сте предоставили. Вашата крайна оценка трябва да изглежда така:

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