title: Javascript redirect when clicking on a div with a certain id
body: <p>Here is an example of what I need help with: <a href="http://www.arbutusroofing.com/roofing-services/" rel="nofollow noreferrer">http://www.arbutusroofing.com/roofing-services/</a></p>
  <p>When the user clicks on “READ MORE” (under each subject or category) and the light grey box pops up with more information, I want it to automatically redirect to another page in 10 seconds.</p>
  <p>I know how to redirect to a different page when an actual link is clicked, but not with certain events like this.</p>
  <p>Here is some example of the code:</p>
  <pre><code>&lt;h6 id=&quot;displayText&quot; style=&quot;margin-top: 0px; cursor: pointer;&quot;&gt; 
  &lt;u&gt;READ MORE&lt;/u&gt; ABOUT FLAT ROOFING 
  &lt;/h6&gt;
  </code></pre>
  <p>I'm trying to redirect to a different page after 10 seconds when the id &quot;displaytext&quot; is clicked on.</p>
  <p>Also, here is the code for the toggle text if you were wondering:</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; 
  
      $(document).ready(function() {
        $(&quot;div#toggleText&quot;).hide();
        $(&quot;h6#displayText&quot;).click(function(){
          $(this).toggleClass(&quot;active&quot;);
          $(this).next(&quot;div#toggleText&quot;).slideToggle();
        });
      });
  &lt;/script&gt;
  </code></pre>