title: Open jquery accordion using anchor tag within same page
body: <p>I've searched for hours trying to find a solution for this but I can't quite figure this out. Any help would be appreciated. I'm starting to understand jquery a bit but it's mostly Klingon to me, so answers in English would be very much appreciated! :)</p>
  
  <p>I am trying to open an accordion using an anchor tag from within the same page. On page load, the accordion is closed. Everything is working except it will not open upon clicking the link from somewhere else on the page to the accordion tab.</p>
  
  <p>The link to the accordion tab (not sure if this is correct in this case?):</p>
  
  <pre><code>&lt;a href="mypage.html/#linkName"&gt;Go to accordion tab and open accordion&lt;/a&gt;
  </code></pre>
  
  <p>The HTML looks like this:</p>
  
  <pre><code>&lt;div class="accordion product1"&gt;
      &lt;a id="linkName"&gt;&lt;h3&gt;tab Name&lt;/h3&gt;&lt;/a&gt;
      &lt;div&gt;accordion content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the code I have so far. What do I need to add to make the accordion open with an anchor tab please?</p>
  
  <pre><code>$(function() {
      $( ".accordion.product1" ).accordion({
          header : "a#linkName",
          active: false,
          collapsible: true,
          heightStyle: "content",
          animate: 400
      });
  });
  </code></pre>