JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divMenuWrapper1" class="divMenuWrapper1">
    <div id="hoverli">
        <ul class="vertical-list">
            <div class="lbtn">
                <center>Travel</center>
            </div>
            <div id="actions_menu" class="file_menu">
                <div><a href="#file">United States</a>

                </div>
                <div><a href="#file">Great Britian</a>

                </div>
                <div><a href="#file">Paris</a>

                </div>
        </ul>
        </div>
    </div>
</div>

CSS

.lbtn {
     outline: 0;
     padding: 5px 12px;
     display: block;
     color: yellow;
     font-weight: bold;
     text-shadow: 1px 1px #1f272b;
     border: 1px solid #1c252b;
     border-radius: 3px;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     background: #232B30;
     /* old browsers */
     background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%);
     /* firefox */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #3D4850), color-stop(4%, #313d45), color-stop(100%, #232B30));
     /* webkit */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D4850', endColorstr='#232B30', GradientType=0);
     /* ie */
     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     /* CSS3 */
     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     /* Firefox */
     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
     /* Safari, Chrome */
 }
 .lbtn:active {
     background-position: 0 top;
     position: relative;
     top: 1px;
     color: #fff;
     padding: 6px 12px 4px;
     background: #20282D;
     /* old browsers */
     background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%);
     /* firefox */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #20282D), color-stop(51%, #252E34), color-stop(100%, #222A30));
     /* webkit */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20282D', endColorstr='#222A30', GradientType=0);
     /* ie */
     -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
     /* Firefox */
     -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
     /* Safari, Chrome */
     box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
     /* CSS3 */
 }
 .divMenuWrapper1 {
     height: 25px;
     width: 75px;
 }
 .file_menu {
     display:none;
     width:125px;
     border: 1px solid #1c1c1c;
     background-color: white;
     position:relative;
     z-index:100000;
 }
...

JavaScript

$("#hoverli").hover(

function () {
    $('#actions_menu').finish().slideDown('fast');
},

function () {
    $('#actions_menu').finish().slideUp('fast');
});