title: How do I go from one div to a specific slide in a slider?
body: <p>Suppose i have two pages. One is <strong>index.html</strong> and another is <strong>page.html</strong>. In <strong>page.html</strong> i have a slider which has 9 slides (using the plugin <a href="https://github.com/codrops/StackSlider" rel="nofollow noreferrer"><code>StackSlider</code></a>). Now,  when i will click in a link in <strong>index.html</strong>, i want to go to a specific slides say slide no 4 in <strong>page.html</strong>.</p>
  
  <p>How can i do that?</p>
  
  <p>I tried the following but it did not work</p>
  
  <p><strong>Here is my index.html code</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;body&gt;
    &lt;a href="page.html#one"&gt;go to 1st slide of page.html&lt;/a&gt;
    &lt;a href="page.html#two"&gt;go to 3rd slide of page.html&lt;/a&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>Here is part of code for page.html</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;section class="main"&gt;
    &lt;ul&gt;
      &lt;li id="one"&gt;
        &lt;img src="images/1.jpg" /&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="images/2.jpg" /&gt;
      &lt;/li&gt;
      &lt;li id="two"&gt;
        &lt;img src="images/3.jpg" /&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;img src="images/4.jpg" /&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/section&gt;
  </code></pre>