Databases
StackOverflow2013
Postsdbo
POJquery Accordion to activate specific panels with anchor tags/url hash
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery Accordion to activate specific panels with anchor tags/url hash
    primarykey
    data
    text
    <p>I am having an almost identical problem to the question asked here ( <a href="https://stackoverflow.com/questions/588030/link-to-open-jquery-accordion">Link to open jQuery Accordion</a>? ) but wasn't able to correctly implement the answers.</p> <p>I tried this solution but it didn't work for me:</p> <pre><code>$("#accordion").accordion("activate", &lt;?php echo $_GET['id']; ?&gt;); </code></pre> <p>I have a Jquery accordion with the following code:</p> <pre><code>&lt;script type="text/javascript"&gt; $(function(){ // Accordion $("#accordion").accordion({ header: "h3", autoHeight: false, navigation: true, collapsible: true, active: false }); $(".exlnk").click(function(event){ window.location.hash=this.hash; }); }); &lt;/script&gt; &lt;script type="text/javascript"&gt; function Click1(){ $("#accordion").accordion('activate' , 0) } function Click2(){ $("#accordion").accordion('activate' , 1) } &lt;/script&gt; </code></pre> <p>Simplified HTML:</p> <pre><code> &lt;h3&gt;&lt;a class="exlnk" href="#about" title="About"&gt;About&lt;/a&gt;&lt;/h3&gt; &lt;div&gt;content blah blah&lt;/div&gt; &lt;h3&gt;&lt;a class="exlnk" href="#about" title="About"&gt;About&lt;/a&gt;&lt;/h3&gt; &lt;div&gt;Blah blah&lt;/div&gt; </code></pre> <p>The above code allows me to have links on the main page that will activate the specified panel.</p> <p>The exlnk bit gives each panel a hash upon clicking it, which I read on this tutorial ( <a href="http://www.michaeljacobdavis.com/tutorials/statesavingaccordion.html" rel="nofollow noreferrer">http://www.michaeljacobdavis.com/tutorials/statesavingaccordion.html</a> ) would create state-saving, book-markable panels. It assigns the hash, but it doesn't activate the panels or save them from closing on re-load. </p> <p>What I want is to be able to link externally to <a href="http://www.mysite.com/page#anchor" rel="nofollow noreferrer">http://www.mysite.com/page#anchor</a> and have it open the page with the appropriate panel open. My work-around to be able link from the accordion page is only so useful!</p> <p>Thanks SO MUCH for any help...I have read every Q&amp;A on this site related to the Accordion script and was not able to make any of the answers work. I am very very new to Jquery/Javascript, so answers that explain all the steps of implementation and where to place each suggested code would be wonderful.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USessentialred
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJquery Accordion to activate specific panels with anchor tags/url hash
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJquery Accordion to activate specific panels with anchor tags/url hash
      1. This table or related slice is empty.
      1. VTUpMod
    1. COIt would be useful to see the JS fragment generated by `$("#accordion").accordion("activate", <?php echo $_GET['id']; ?>);`
      singulars
      1. POJquery Accordion to activate specific panels with anchor tags/url hash
      1. USPhil Lello
    2. COMaybe that's what I'm missing - in my attempts to use that snippet, it was just sitting in my accordion code and not referenced or called in any other way.
      singulars
      1. POJquery Accordion to activate specific panels with anchor tags/url hash
      1. USessentialred
    3. COhey, I just did a quick accordian for you here: [link](http://weblopper.com.au/accordian/index.html) I guess it is according to your needs.
      singulars
      1. POJquery Accordion to activate specific panels with anchor tags/url hash
      1. USSal
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload