JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<li id="dropdown_cont" class="dropdown">
  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Examples</a>
  <ul class="dropdown-menu" id="examples">
    <li><a href="#" class="example" id="atlas" data-example-name="atlas">Atlas</a> </li>
    <li><a href="#" class="example" id="map" data-example-name="map"> Map</a></li>
  </ul>
</li>

JavaScript

$('.example').on('click', function (event) {
	event.stopPropagation();
  $('#dropdown-toggle').hide();
});