JSFiddle - React, Tailwind, and code Playground

HTML

<form name="form1" action="" method="post">
    <ul id='menu'>
                <li><a href='#' class='drop'>lyže</a>
                        <div class='content'>
                            <b>vyber lyže</b><br/>
                            IDN <input class='left_content_tab_text' type='text' name='equipmentIDN'/><br/>
                            velikost <select class='left_content_tab_combobox' name='equipmentSize'>
                                    </select></br>
                            rozteč vázání <select class='left_content_tab_combobox' name='equipmentSize'>
                                            </select><br/>
                            popis <input class='left_content_tab_text' type='text' name='equipmentDescription'/><br/>
                            <span class="closex">zrušit x</span>
                            <input type='submit' class='ok' value='ok'/></br>
                        </div>    
                </li>
                <li><a href='#' class='drop'>snowboard</a>
                        <div class='content'>
                            <b>vyber snowboard</b><br/>
                            IDN <input class='left_content_tab_text' type='text' name='equipmentSnbIDN'/><br/>
                            velikost <select class='left_content_tab_combobox' name='equipmentSnbSize'>
                                            </select><br/>
                            popis<input    class='left_content_tab_text' type='text' name='equipmentSnbDescription'/><br/>
                            <span class="closex">zrušit x</span>
                            <input type='submit' class='ok' value='ok'/><br/>
                        </div>
                </li>
                <li><a href='#' class='drop'>boty</a>    
                        <div class='content'>
                            <b>vyber boty</b><br/>
                            IDN <input class='left_content_tab_text' type='text' name='equipmentBootsIDN'/><br/>
                  ...

CSS

#menu {    
    list-style:none;
    width:auto;
    margin-top: 0px;
    padding:0;
    background-color: #acdcdc;
    font: normal 1em Verdana;
}

#menu li {
    float:left;
    text-align:center;
    position:relative;
    padding: 5px 10px 5px 10px;
    border:none;
    border-right: 1px solid #777777;
}

#menu li:hover{
    border-right: 5px solid #777777;
    padding: 5px 10px 5px 10px;
    background: #ffffff;
}

#menu li div{
    display:none;
    position:absolute;
    top: 100%;
    left: 0;
    width: 200px;
    text-align:left;
    line-height:2em;
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#menu span.closex {
    float:right;
    cursor: pointer;
}

#menu .content .ok {
    text-align: center;
    height: 4ex;
    width: 7em;
    display: block;
    color: #fff;
    text-decoration: none;
    background-color:#68a3a3 ;
    border: solid 1px #68a3a3;
    border-radius: 3px;
    font: normal 1em Verdana;
}

/*
#menu li:hover div{
    display:block;
}
*/

.left_content_tab_text,
.left_content_tab_combobox {
    float:right;
}

JavaScript

$(document).ready(function(){
    $('.drop').mouseenter(function(){
        $('#menu .content').hide();
        $(this).next('.content').show();
    });
    $('.closex').click(function(){
        $(this.parentNode).hide();
    });
});