title: Simple drop down menu button
body: <p>I'm trying to combine the drop down button found here
  <a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown" rel="nofollow noreferrer">Dropdown button</a> with the menu icon found here <a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_menu_icon_js" rel="nofollow noreferrer">Menu icon</a>. The animation would be nice to keep but is not the priority. In my attempt I simply replaced the "Dropdown" text with the divs from the menu icon example, i.e. from this:</p>
  
  <pre><code>&lt;button onclick="myFunction()" class="dropbtn"&gt;Dropdown&lt;/button&gt;
  </code></pre>
  
  <p>to this:</p>
  
  <pre><code>&lt;button onclick="myFunction()" class="dropbtn"&gt;
      &lt;div class="bar1"&gt;&lt;/div&gt;
      &lt;div class="bar2"&gt;&lt;/div&gt;
      &lt;div class="bar3"&gt;&lt;/div&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>and of course added the css classes. Now, the problem is that the bars inside the button are no longer clickable (At least not in Chrome. Firefox seems to work fine). I've tried to add <code>onclick="myFunction()"</code> to the divs aswell but to no avail.</p>
  
  <p>Any tips?</p>