Отображать элементы div на основе листовки и выбора базовой карты.

Question

У меня есть различные слои на моей карте листовки.Я также создал элементы div, которые соответствуют каждому из этих слоев.Мне нужно показать и скрыть те элементы div, в зависимости от того, какой базовый слой действительно используется.Я не хочу, чтобы все элементы div на странице выполнялись одновременно.

Я пытался использовать jQuery .show () & .hide () & .toggle (), но не смог заставить их работать.Мне нужно, чтобы мои .cuomoinfo & .nixoninfo были скрыты по умолчанию и затем отображались в зависимости от того, какой базовый уровень используется.

var baselayers = {
    "Andrew Cuomo Votes": CuomoLayer,
    "Cynthia Nixon Votes": NixonLayer,
    "Total Votes Cast": totalvotecountlayer,
  };

var overlays = {
  "NYS Assembly Districts": AssemblyOverlay,
  "NYC Council Districts": CouncilOverlay,
};

L.control.layers(baselayers, overlays).addTo(mymap);

// creating a custom div that changes the ed information within it based on mouseover
var cuomoinfo = L.control();

  cuomoinfo.onAdd = function (cuomomap) {
    this._div = L.DomUtil.create('div', 'cuomoinfo'); // create a div with a class "info"
    this.update();
    return this._div;
  };

// method that we will use to update the control based on feature properties passed
  cuomoinfo.update = function (cuomoprops) {
    this._div.innerHTML = '<h4>Votes for Andrew M. Cuomo</h4>' +  (cuomoprops ?
        '<b>' + cuomoprops.ElectDist + '</b><br/>' + cuomoprops.QueensCountyGovernorDemocraticPrimarySept2018_Cuomo + ' votes cast'
        : 'Hover over an Electrion District to see voting results');
  };

cuomoinfo.addTo(mymap);

$('.cuomoinfo').hide()