JSFiddle - React, Tailwind, and code Playground

HTML

<a class="hotelPanelTrigger">Hotels
  <span class="panel">
    Panel Content
  </span>
</a>

CSS

.hotelPanelTrigger {
  background: #0f0;
}

.panel {background: #f00; display: block; height: 200px;}

JavaScript

(function(){
  var trigger = $('.hotelPanelTrigger');
  var panel = trigger.find('.panel').hide();
    trigger.mouseenter(function(){panel.slideDown('slow');}).mouseleave(function(){panel.slideUp('slow');});
 })();