title: how to find descendant tag xpath from the list obtained from accordion group tag?
body: <p>There is an accordion group, which has a tab list of locations. I could extract the list of locations, and click on each location.
  But after I click on location, there are further accordion tab lists under that, which needs to be clicked to work with elements under that. I am unable to find x path for this sub-accordion group and its elements. 
  Because the <code>div</code> id here is dynamic and using class name does not make any sense. 
  Please guide me. </p>
  
  <p>How I accessed accordion group for location:</p>
  
  <pre><code>List&lt;WebElement&gt; inVlist = driver.findElements(By.xpath(".//*[@id='invDtlXpath']/div/h4/a/span/span[1]"));
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/fTWnv.jpg" rel="nofollow noreferrer">how location tabs look</a></p>
  
  <p><strong>EDIT</strong>: </p>
  
  <p>adding the HTML code structure here, my question is how to access the terminal "i" component here, which is an icon to open the next accordion group. </p>
  
  <pre><code>+ &lt;div id="invDtlXpath"
  + &lt;div id="invDtlXpath"
  - &lt;div id="invDtlXpath"
    + &lt;div id = "accordiongroup-4343-4558-tab" class="panel-heading"
    - &lt;div id = "accordiongroup-4343-4558-panel" class="panel-collapse in collapse"
      - &lt;div class="panel-body"
          - &lt;div class="invDetails ng-scope"
                  - &lt;div class="ng-scope"
                     + &lt;div class="site-zones"
             - &lt;div class="inventory-opr-ctr"&gt;
              - &lt;uib-accordion-class....
                 - &lt;div class=""
                  - &lt;div id=""
                     - &lt;h4 class="panel-tite"&gt;
                      -&lt;a class=""
                         -&lt;span class=""&lt;/span&gt;
                          -&lt;i class="pull-right glyphicon ng-scope...
  </code></pre>