Need help with accordion panel


#1

Hello,

How to open all the accordions open by default.

Please check the codes that I am currently using.

.accordion { background-color: #3f729b; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; border-radius:10px; } .active, .accordion:hover { background-color: rgb(30 30 180); border-radius:10px 10px 0px 0px; } .accordion:after { content: 'Answer'; color: white; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: ""; } .panel { padding: 0 18px; background-color: #0F9D58; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; border-radius:0px 0px 10px 10px; color: white; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } .note { background-color: rgb(250 90 90); color: white; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; border-radius:10px; } h4.hnote { color: white; background-color: grey; padding: 10px; width: 100%; border: none; text-align: left; outline: none; border-radius:10px; } h1.headnote { background-color: rgb(128 0 0); color: white; padding: 10px; width: 100%; border: none; text-align: center; outline: none; border-radius:10px; } h3.h3note { background-color: grey; color: white; padding: 10px; width: 100%; border: none; text-align: center; outline: none; border-radius:10px; }