JSFiddle - React, Tailwind, and code Playground

by DenimTornado

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/ui-lightness/jquery-ui.css">
<div id='menuWraper'>Пункт меню</div>
<div id='menuWraper2' style="display: none;"> 
<form  id='menuWraper2' method="post" action="">
  ФИО:<br>
  <input class='iclass' id='menuWraper2' name="name" value=""><br>
  Ваш телефон:<br>
  <input class='iclass' id='menuWraper2' name="number" value=""><br>
  <input class='isubmit'id='menuWraper2' type="submit">
 </form>
</div>
<div id='menuCloser'></div>

CSS

div {
    padding: 20px;
    margin: 10px;
    border: 2px solid orange;
    float: left;
}

#menuCloser {
    width: 40px;
    height: 40px;
    background: #000;
}

JavaScript

$("#menuWraper").hover(function(event) {
    $("#menuWraper2").show();
    $('input[class=iclass]').val('');
});

$("#menuCloser").click(function(e){
         $('#menuWraper2').hide(); //or however you want to hide it
});