JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cart">
    <img src="../img/logo.png" width="80px" height="30px" />
    <div id="sidebar">some thing</div>
</div>
<br>
<br>
<div class="cart">
    <img src="../img/logo.png" width="80px" height="30px" />
    <div id="sidebar"><a href="">click</a></div>
</div>

CSS

.cart { background-color: #CCC; }

#sidebar {
    display: none;
}
.cart:hover #sidebar {
    display:block;
}