Map into a hidden or display none div or bootstrap tabs or accordion collapsed doesn't work correctly leaflet

 ////////////////////// If div display NoNe

Call on div toggle event or Display block event

setInterval(function () {

    map.invalidateSize();

  }, 100);

Call on tab show or visible event

 $('#Exmaple').on('shown.bs.collapse', function (e) {

 map.invalidateSize(true);

})

Call on accordion toggle event

$("#Example").on("shown.bs.tab", "#link3", function () {

 map.invalidateSize(false);

  });

/////////// Result