title: Trigger .onclick() on hover over another element
body: <p>I'm trying to trigger an .onclick() event when I hover over another div.</p>
  
  <p>The element that needs to trigger the .onclick() event has the ID <code>#exp_des_p_trig</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/ScnD5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ScnD5.png" alt="See Console"></a>.</p>
  
  <p>The element that needs to be triggered has the href value <code>#exp_des_p</code> in an <strong>a tag</strong>.</p>
  
  <p><a href="https://i.stack.imgur.com/6i5c5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6i5c5.png" alt="See console"></a>.</p>
  
  <p>I can understand the basics/read JS but I can't write it (yet), I'm thinking something like this:</p>
  
  <pre><code>&lt;script&gt;
  jQuery('#exp_des_p_trig').hover();
      jQuery('#exp_des_p').onclick();
  &lt;/script&gt;
  </code></pre>
  
  <p>Can anyone help me correct this so that it works?</p>
  
  <p><br>
  <strong>UPDATE:</strong></p>
  
  <p>I emailed Visual Composer support about this and this is the response I got:</p>
  
  <p><em>Instead of triggering a click event you can try attaching vc_active class to the tour vc_tta-tab and vc_tta-panel via js. The vc_active class is responsible for opening a tour content for display.</em> </p>
  
  <p>Thank you for the answers below, <strong>it seems that this is a Visual Composer related issue</strong> which I will address elsewhere.</p>