トグルリーフレットのサイドバーV2

Question

このサイドバーを使って本当に楽しんでいますが、サイドバーを切り替えるか、少なくともサイドバーのステータスを読み取ることで、.open（）または.close（）を行うことができます。バージョン1はsiderbar.toggle（）を許可しました。 - https://github.com/Turbo87/leaflet-sidebar

いけバージョン2でそれを見つけることができるように見える - それが折りたたまれているときに、その状態を確認するためにそれを使用できるようhttps://github.com/Turbo87/sidebar-v2

Answer 1

プラグインは、サイドバーにcollapsedクラスを追加します。

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; 
} 

例フィドル：

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

要素が特定のクラスを持っているかどうかをチェックするために this answerから機能を借りて（と自分のサイドバーのdivにid sidebarを持っていると仮定して）、あなたはそうのようにそれを切り替えることができます