title: Make an li element clickable (not a link)
body: <p>There is a very similar question asked here <a href="https://stackoverflow.com/questions/3486110/make-a-list-item-clickable-html-css">Make A List Item Clickable (HTML/CSS)</a> that I read for help but I couldn't get it to work. I have a link on my webpage that looks like this</p>
  
  <pre><code>&lt;a type="button" data-toggle="dropdown" ...&gt;
  </code></pre>
  
  <p>that when clicked shows a menu containing an unordered list.</p>
  
  <pre><code>&lt;ul role="menu" ...&gt;
     &lt;li role="presentation" value="thing" onclick="myFunction()"...&gt; &lt;span&gt;some&lt;/span&gt; &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now what I want is for this li element be clickable and act as if it is a link with the cursor turning into a hand and change color on hover. Then when one of the li elements in the unordered list is clicked I want the function "myFunction" to to run.</p>