$('.menu li a').click(function(event) {
$('.dropdown_menu').css('display','none');
$(this).next('.dropdown_menu').css('display','block');
});
body{
font-family: sans-serif;
}
.menu ul{
list-style:none;
display:flex;
flex-direction:row;
}
.menu ul li{
position:relative;
margin-right:30px;
}
.dropdown_menu{
position: absolute;
bottom:-200px;
left:0%;
z-index: 10;
background: #000;
display: none;
width: 200px;
padding:20px;
}
.dropdown_menu ul{
display:flex;
flex-direction:column;
}
.dropdown_menu li a{
color:#fff;
line-height:1.8;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="menu">
<ul>
<li>
<a href="#">Главная</a>
<div class="dropdown_menu">
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</div>
</li>
<li>
<a href="#">Комнаты</a>
<div class="dropdown_menu">
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</div>
</li>
<li>
<a href="#">Услуги</a>
<div class="dropdown_menu">
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</div>
</li>
<li>
<a href="#">Больше</a>
<div class="dropdown_menu">
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">Lorem ipsum</a></li>
</ul>
</div>
</li>
</ul>
</div>