Is there a way to have the collapsible content open by default without much hassle? I'm a bit lost here and could use some guidance.
I must confess, I'm not very familiar with this, so hopefully, it's not too complicated.
While my question may seem simple, I feel the need to elaborate more to make sure everything is covered.
Below is the code snippet in question:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.collapsible3 {
background-color: #FF5757;
color: white;
cursor: pointer;
padding: 18px;
width: 50%;
border: none;
text-align: left;
outline: none;
font-size: 20px;
}
.active, .collapsible3:hover {
background-color: #FF6868;
}
// more styles...
</style>
<button class="collapsible3">Button</button>
<div class="content3">
<p> </p>
<p style="font-size: 16px; text-indent: 20px;">Content</p>
</div>
// more HTML...