title: Leaflet layer switcher on click
body: <p>I would like to open the Layer switcher control in leaflet 1.0 on click instead of hover.
  The example is here: <a href="http://leafletjs.com/examples/layers-control/" rel="nofollow noreferrer">http://leafletjs.com/examples/layers-control/</a></p>
  
  <p>I tried extending the L.Control.Layer and adding a click event, similar to the focus event in the leaflet source (below).</p>
  
  <p>I even tried changing the 'focus' to 'click' event in the initLayout function from the leaflet-src.js and it does not work.</p>
  
  <p>The relevant code from leaflet-src is here:</p>
  
  <pre><code>if (L.Browser.touch) {
      L.DomEvent
          .on(link, 'click', L.DomEvent.stop)
          .on(link, 'click', this.expand, this);
      } else {
          L.DomEvent.on(link, 'focus&lt;changed to 'click' here&gt;', this.expand, this);
      }
  </code></pre>
  
  <p>I also tried jQuery to change the event on the link after it's loaded but still didn't have luck.</p>