Collapse boot downloads on page load

Question

the title pretty much covers the problem I am facing.

I have a list on the website that I am developing, and I have hidden things in folding elements.

The problem is that they are already reset when the page loads.

Does anyone know how to fix this?

Thank.

Answer 1

Thanks for your comment Rob.

Built it after viewing HTML, I need to use collapse, but all but one used collapse in.

Sort tasks :)

Download is reset when the page loads:

<div id="collapseOne" class="panel-collapse collapse in">

Download hidden until click:

<div id="collapseOne" class="panel-collapse collapse">

Answer 2

Bootstrap :

collapse :

.collapse

.collapse.in

.collapsing

HTML ( collapse.in )

Answer 3

Starting from bootstrap 4.2.1, if we want to show minimized content on boot:

use collapse show class for div or any element you want to show.

check Bootstrap documents Collapse