javascript - 切换传单侧边栏 V2

Question

所以我真的很喜欢使用这个侧边栏，但很难切换侧边栏或至少读取侧边栏状态，以便相应地 .open() 或 .close() 。版本 1 允许 siderbar.toggle(); -https://github.com/Turbo87/leaflet-sidebar

似乎无法在版本 2 上找到它 - https://github.com/Turbo87/sidebar-v2

Answer 1

该插件在侧边栏折叠时将 collapsed 类添加到侧边栏，以便您可以使用它来检查其状态。从 this answer 借用一个函数要检查某个元素是否具有特定类(并假设您的侧边栏 div 具有 id sidebar)，您可以像这样切换它:

var sidebar = L.control.sidebar('sidebar').addTo(map);
var sidebarDiv = document.getElementById('sidebar');

toggleSidebar = function() {
  if (hasClass(sidebarDiv,'collapsed')) {
    sidebar.open();
  } else {
    sidebar.close();
  }
}

function hasClass(element, cls) {
  return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
}

fiddle 示例:

http://fiddle.jshell.net/nathansnider/gpqbvs50/