I've been experimenting with creating pop up links that appear next to a button when the button is clicked. So far, I've tried using various CSS selectors like :active and :hover without success.
Additionally, I attempted to use selectors such as descendent and sibling.
.stretch {
display: none;
border: groove;
border-width: thin 0vh thin 0vh;
align-items: center;
justify-content: center;
position: relative;
}
.Links:active .stretch {
display: inline-flex;
}<div class ="Links">
<button> Links
<p></p>
</button> <!--Move arrow & slide function on links-->
<div class = "stretch">
<button>
<a id = "HLec">Harvard lec: <br> link</a>
</button>
<button>
<a id = "Hex">TLDW: <br> link</a>
</button>
<button>
<a id = "Vox">Vox (Don't skim the recipe): <br> link </a>
</button>
</div>
</div>