JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div>

<div class="top">
<a href="#mid">LINK HERE</a> <a href="#">LINK HERE</a>
</div>

<div class="mid" id="mid">

</div>

<div class="bot">

</div>
</div>

CSS

body {margin:0;}

.top {height:50px;background-color:#eeeeee;}

.top a {line-height:50px;display:inline-block;}

.top a:hover .top:hover + div#mid {display:none;}

.mid {height:400px;}

.bot {height:400px;background-color:#dddddd;}