JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css">
<div id="map"></div>
<input type="button" value="Hide .shy elements" onClick="toggleHidden('.shy', true)" />
<input type="button" value="Show .shy elements" onClick="toggleHidden('.shy', false)" />
<input type="text" class="shy" />

<script type="text/javascript">
function toggleHidden(selector, on) {
  console.log($(selector))
  if (on) {
    $(selector).addClass("afraid");
  } else {
    $(selector).removeClass("afraid");
  }
}
</script>

CSS

#map { height: 250px; }
.afraid { visibility: hidden; }

JavaScript

var map = L.map('map').setView([0, 0.001], 18);

var circle1 = L.circle([0, 0], 20, {className: 'circle'});
circle1.addTo(map);

var circle3 = L.circle([0, 0.002], 20, {className: 'circle shy'});
circle3.addTo(map);