title: Open an accordion item from an external page
body: <p>I want to open an accordion item from an external link.</p>
  
  <p>Something like this:
  A user clicks on a link on page-1 and page-2 loads and scrolls to the opened accordion item.</p>
  
  <p>I used the word scroll as I will have several accordion items.</p>
  
  <p>I tried to test some of the answers I found here but I wasn't able to customize them to work with my accordion.</p>
  
  <p>Your help would be highly appropriated.</p>
  
  <p>Thank you very much</p>
  
  <p>My Accordion Structure:</p>
  
  <pre><code> &lt;div id="accordion" class="accordion"&gt;    
  
        &lt;div class="accordion-item" id="item-1"&gt;
           &lt;div class="accordion-header"&gt;
              Simple text 
              &lt;span class="accordion-item-arrow"&gt;&lt;/span&gt;
           &lt;/div&gt;
            &lt;div class="accordion-content"&gt;
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
              Morbi quis egestas nulla. Vestibulum sit ame.t 
            &lt;/div&gt;
       &lt;/div&gt;
  
      &lt;div class="accordion-item" id="item-2"&gt;
           &lt;div class="accordion-header"&gt;
              Simple text 
              &lt;span class="accordion-item-arrow"&gt;&lt;/span&gt;
           &lt;/div&gt;
            &lt;div class="accordion-content"&gt;
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
              Morbi quis egestas nulla. Vestibulum sit ame.t 
            &lt;/div&gt;
       &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>How the accordion works:
     "accordion-item" gets an active class when clicked and opens the "accordion- 
     content":</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery(document).bind("ready", function(){  
      accordion = jQuery("#accordion").accordion();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Link structure on the external page (First page):</p>
  
  <pre><code>&lt;button onclick="location.href='page-2.html#item-1';"&gt; 
  Open Accordion item one&lt;/button&gt;
  
  &lt;button onclick="location.href='page-2.html#item-2';"&gt; 
  Open Accordion item Two&lt;/button&gt;
  </code></pre>