JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<ul class="block1">  
<li class="home"><a href="#">Home</a></li>

   <li class="hidden" >
  <a  href="#">contact us</a>
    </li>

  <li><a href="#">about</a><li>
  <li><a href="#">Investor</a></li>
  <li> <a href="#">what we do</a></li>
   </ul> 

</body>

CSS

.block1{background-color:#736570;margin:0px;}
ul a {color:white;}
ul li{list-style-type: none; padding:5px;}

.hidden{display:none;}
.home:hover + .hidden{display:block;}
li:hover{background-color: #f1f1f1;}