title: Python/Selenium- Class element cannot be clicked
body: <p>I am trying to scrape data from this page: <a href="https://www.oddsportal.com/soccer/chile/primera-division/curico-unido-o-higgins-CtsLggl6/#over-under;2" rel="nofollow noreferrer">https://www.oddsportal.com/soccer/chile/primera-division/curico-unido-o-higgins-CtsLggl6/#over-under;2</a></p>
  <p>Here I am trying to expand all of the &quot;compare odds&quot; fields, which are contained in this HTML:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="table-container"&gt;
              &lt;div class="table-header-light even"&gt;&lt;strong&gt;&lt;a href="" onclick="page.togleTableContent('P-1.00-0-0',this);return false;"&gt;Over/Under +1 &lt;/a&gt;&lt;/strong&gt;&lt;span class="avg chunk-odd-payout"&gt;93.4%&lt;/span&gt;&lt;span class="avg chunk-odd nowrp"&gt;&lt;a href="#" onclick="page.getActiveTableSet().togleMatch(this,'4j5hgx1tl1gx34x0',2);return false;" xparam="odds_text"&gt;5.63&lt;/a&gt;&lt;/span&gt;
                  &lt;span
                      class="avg chunk-odd nowrp"&gt;&lt;a href="#" onclick="page.getActiveTableSet().togleMatch(this,'4j5hgx1tkucx34x0',2);return false;" xparam="odds_text"&gt;1.12&lt;/a&gt;&lt;/span&gt;&lt;span class="odds-cnt"&gt;(3)&lt;/span&gt;&lt;span class="odds-co"&gt;&lt;a class="more" href="" onclick="page.togleTableContent('P-1.00-0-0',this);return false;"&gt;Compare odds&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="table-container" style="display: none;"&gt;
              &lt;div class="table-header-light"&gt;&lt;strong&gt;&lt;a href="" onclick="page.togleTableContent('P-1.25-0-0',this);return false;"&gt;Over/Under +1.25 &lt;/a&gt;&lt;/strong&gt;&lt;span class="avg chunk-odd-payout"&gt;&lt;/span&gt;&lt;span class="avg chunk-odd nowrp"&gt;&lt;/span&gt;&lt;span class="avg chunk-odd nowrp"&gt;&lt;/span&gt;
                  &lt;span
                      class="odds-cnt"&gt;(0)&lt;/span&gt;&lt;span class="odds-co"&gt;&lt;a class="more" href="" onclick="page.togleTableContent('P-1.25-0-0',this);return false;"&gt;Compare odds&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>The part I am trying to access is the following:
  span class=&quot;odds-co&quot;&gt;Compare odds
  </p>
  <p>I have tried all of the following:</p>
  <pre><code>#odds_rows = browser.find_elements_by_class_name('more')
  # odds_rows=browser.find_elements_by_css_selector(&quot;.more&quot;)
  # odds_rows=WebDriverWait(browser, 10).until(EC.visibility_of_all_elements_located((By.XPATH, &quot;//*[@class='more']&quot;)))
  odds_rows= WebDriverWait(browser, 10).until(EC.visibility_of_all_elements_located((By.CSS_SELECTOR, &quot;.more&quot;)))
  #odds_rows=WebDriverWait(browser, 10).until(EC.visibility_of_all_elements_located((By.CLASS_NAME, &quot;more&quot;)))
  
  In order to subsequently loop click through the identified fields:
  for i in odds_rows:
      #browser.execute_script(&quot;arguments[0].click();&quot;, i)
      i.click()
  
  However already in the step of identifying the fields I am getting a timeout error on all WebDriverWait attempts except for 
  odds_rows=WebDriverWait(browser, 10).until(EC.visibility_of_all_elements_located((By.CLASS_NAME, &quot;more&quot;)))
  This option yields only one result:
  [&lt;selenium.webdriver.remote.webelement.WebElement (session=&quot;7cbc57173a57aadbc115264dff8ca620&quot;, element=&quot;3654f928-bca4-4033-9566-da9e6aa6294b&quot;)&gt;]
  </code></pre>
  <p>However this result is not clicked subsequently.</p>
  <p>What am I doing wrong?</p>