title: How do you click on an element which is hidden using Selenium WebDriver?
body: <p>I have a web application which I am automating using WebDriver and <code>Python</code>.</p>
  
  <p>The issue is that there is a menu something like this <img src="https://i.stack.imgur.com/gVkd1.png" alt="enter image description here">
  if I click manually on the arrow button it expands to another submenu from where I need to select a particular field.</p>
  
  <p>I can find this third menu but when I click on it using <code>element.click()</code> instead of expanding the menu and showing me its sub menu items it is showing consolidated contents of all the sub menu.</p>
  
  <p>(Manually the expansion to sub menu is achieved by actually clicking on the small arrow icons before the group names)
  So how do I actually click on this arrow icons to expand one of the group menu into sub menus.</p>
  
  <p>This is the <code>HTML</code> corresponding to third group menu if it helps. </p>
  
  <pre><code>&lt;div id="node_3_item" class="treeLabelSelected" style="padding-left: 0px; background-position: 0px -24px;"&gt;
  &lt;span style="background-position: 0px -24px;"&gt;XXX Groups&lt;/span&gt;
  &lt;/div&gt;
  &lt;div style="display: none;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>display: none</code> line is actually hiding the sub menu (as far as I can make out)</p>
  
  <p>Any suggestion on how to handle will be appreciated.
  Thanks</p>
  
  <p>Note: I have already gone through several questions on SO related to interacting with hidden web elements but they differ with my situation.</p>