JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>
<button type="button">
<div class="_menu_title">Map</div>
</button>
<ul class="dropdown_menu_sub">
<li class="dropdown_menu_sub_list">
<img src="http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif" />
<div class="google_map"></div>
</li>
</ul>
</li>
</ul>
CSS
.dropdown_menu_sub {
display: none;
}
JavaScript
$('button').on('click', function () {
$('.dropdown_menu_sub').slideToggle();
$.get("/echo/html/", function (data) {
$(".google_map").html(data);
$('.dropdown_menu_sub_list > img').hide();
});
});