I am currently facing a problem with maintaining the active state of one anchor tag's target while clicking another button within the main identifier.
Upon clicking the INTEL button, its opacity changes from 0 to 1. However, upon clicking Data History within INTEL, instead of displaying a smaller box to the right as intended, the entire box disappears.
You can find the code link here.
#intel {
position: absolute;
top: 5px;
left: 5px;
background-color: #BAB5A1;
height: 245px;
width: 790px;
color: #454138;
font-family: inherit;
opacity: 0;
transition: all 0.25s ease-in-out;
}
#intel:target, #inteldatahistory:target {
transition: all 0.25s ease-in-out;
opacity: 1;
}
#inteldatahistory {
color: #454138;
z-index: 1;
opacity: 0;
}