JSFiddle - React, Tailwind, and code Playground
HTML
<!-- Notice how the menu is defined first since it's on the left -->
<div id="menu" style="float: left; width: 200px; height: 400px; background: #CCC;">
Hover for a popout menu!
<div id="popout" style="display: none; width: 500px; background: #AAA;">
<ul>
<li>Item 1 - Lorem ipsum dolor sit amet, consectetur adipsicing elit. Etiam vel laoreet eros.</li>
<li>Item 2 - Lorem ipsum dolor sit amet.</li>
<li>Item 3 - Lorem ipsum dolor sit amet.</li>
</ul>
</div>
</div>
<!-- Notice how the content is defined second -->
<div style="margin-left: 220px; background-color: #FF9; color: #F60;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vel laoreet eros. Suspendisse pharetra, leo sit amet tincidunt pulvinar, arcu odio euismod elit, non accumsan justo nisl non nisi. Mauris ultrices luctus nunc eu suscipit. Donec dictum gravida lobortis. Mauris accumsan pharetra dolor fringilla eleifend. Cras vitae dapibus dui. Curabitur tincidunt facilisis mauris, sit amet tempus ipsum tempor vitae. Phasellus sodales, urna in porttitor porta, mi arcu egestas quam, et venenatis lacus enim auctor lectus. Cras nibh sem, tempus eu faucibus sit amet, imperdiet id magna. Curabitur eu interdum tortor. Mauris elementum tincidunt quam, non adipiscing neque gravida vulputate. Suspendisse eget odio nec mauris consequat lacinia. Donec a orci in tellus suscipit sollicitudin. Cras vitae tortor sit amet libero egestas blandit. In convallis suscipit elit, vel convallis urna tristique eget.</p>
<p>Phasellus volutpat purus dignissim turpis fermentum quis interdum nisi hendrerit. Praesent facilisis vestibulum ipsum quis adipiscing. Praesent semper, nulla ac placerat lobortis, nunc lectus tincidunt lacus, ut interdum urna sem sit amet ligula. Nulla augue ligula, dignissim vel faucibus pharetra, sollicitudin nec nisi. Suspendisse potenti. Maecenas sagittis eros sit amet quam malesuada iaculis. Aenean facilisis ultricies...
CSS
body {
font: 13px/140% Arial;
}
div {
padding: 5px;
}
JavaScript
$(function(){
// Enable the popout menu
var popout = $('#popout');
$('#menu').hover(function(){
popout.show();
}, function(){
popout.hide();
});
});