-L.OSM.sidebar = function(selector) {
+L.OSM.sidebar = function (selector) {
var control = {},
- sidebar = $(selector),
- current = $(),
- map;
+ sidebar = $(selector),
+ current = $(),
+ currentButton = $(),
+ map;
control.addTo = function (_) {
map = _;
return control;
};
- control.addPane = function(pane) {
+ control.addPane = function (pane) {
pane
.hide()
.appendTo(sidebar);
};
- control.togglePane = function(pane) {
+ control.togglePane = function (pane, button) {
current
.hide()
- .trigger('hide');
+ .trigger("hide");
+
+ currentButton
+ .removeClass("active");
if (current === pane) {
$(sidebar).hide();
- current = $();
+ current = currentButton = $();
} else {
$(sidebar).show();
current = pane;
+ currentButton = button || $();
}
+ map.invalidateSize({ pan: false, animate: false });
+
current
.show()
- .trigger('show');
+ .trigger("show");
- map.invalidateSize({pan: false, animate: false});
+ currentButton
+ .addClass("active");
};
return control;