title: jQuery Navigate to another page and display div hidden
body: <p>I have two pages here: index and results. On the results.html, I have some divs with CSS property set as display: none. I would like to navigate from index (nav menu) and open the results pages while displaying the div that was hidden. The jQuery works fine on the results.html, but I don't know how can I trigger this function coming from the index.</p>
  
  <p>Index: </p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;&lt;a id="menu-2016" href="results.html#2016"&gt;2016&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a id="menu-2015" href="results.html#2015"&gt;2015&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Results:</p>
  
  <pre><code>&lt;section id="2016"&gt;Content&lt;/section&gt;
  &lt;section id="2015"&gt;Content&lt;/section&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#section-2015, #section-2016 {
      display: none;
  }
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$(document).ready(function () {
      $("#menu-2016").click(function () {
          $("#section-2016").slideDown();
          $("#section-2015").slideUp();
      });
      $("#menu-2015").click(function () {
          $("#section-2015").slideDown();
          $("#section-2014").slideUp();
      });
  });
  </code></pre>