Looking for a way to display Divs related to checkbox radio buttons in the title. After attempting to implement scripts from past discussions, I still feel like something is missing.
The goal is simple - clicking on the Second button (checkbox radio tool 2) should open div class row3, while clicking on the First button (checkbox radio tool 1) should open div class row2.
While it might be an easy task for some, as someone new to this field, any guidance or suggestions would be greatly appreciated.
Thanks.
/* PRODUCTS AND BUTTONS */
.button {
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #d8d8d8cc;
color: rgb(0, 0, 0);
font-size: 70%;
width: 70%;
height: 20%;;
border: none;
cursor: pointer;
border-radius: 7px;
text-align: center;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
... // Remaining CSS rules and HTML markup