title: Leaflet sidebar - disable sidetab popout
body: <p>I have seen this code snippet somewhere but battling to source it and maybe someone can assist. See image below of what I have currently. What I would like to achieve is using the side bar icon (spanner in my example) to trigger something else (an alert is fine for now) and NOT bring out the sidebar as per default.</p>
  
  <p><a href="https://i.stack.imgur.com/UY0Nb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UY0Nb.png" alt="enter image description here"></a></p>
  
  <p>sidebar.close() triggered in a function called from this doesnt help; as in it still pops out</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li&gt;&lt;a href="#deviceconfig" role="tab"&gt;&lt;i class="fa fa-cogs" onclick="test()"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;&lt;div class="line-separator"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>