Link to accordion content visible

Question

Does anyone knows how to create a link to every header (h3) SHOWING his respective content in jquery-ui accordion? from the same and from other pages of the website.

i know i can put a name to tag content but what should i do when the link is in other page? , i been thinking , wouldn't be a problem , i will use link like mywebsite.com/index.php#nameofthecontent1 ... but so far i realize isn't possible. So if i have to put trigger for every content (they are 30 and growing) on different pages sound little silly.

Thanks in advance

@JamesMontagne That is great, stealing that link – Howdy_McGee Feb 28 '12 at 22:23 — Howdy_McGee, Feb 28 '12 at 22:23

DG3 · Answer 1 · 2012-02-28T22:39:16.433

Your question is a bit vague but are you looking for something like below? I am using a ajax get request to load an external file content into that accordion container. accord3.html is just a sample file I created.You can always use chrome developer tools or firebug to inspect the HTML structure.

     $("h3 a").on('click', function(){
            var self = $(this);
            var url = $(this).text();
            $.get(url + ".html", function(data){

                self.parent().next("div").html(data);   
            });

        });

score 0 · Accepted Answer · edited May 23 '17 at 12:10

0

You can emulate clicking on a section by doing something like:

var sectionId = "id-of-the-section-you-want"; // get this from the query string
$('#' + sectionId).click();

This should open the section you want. Here's an article on getting the query string values from javascript: How can I get query string values in JavaScript?

edited May 23 '17 at 12:10

Community

1
1

answered Feb 28 '12 at 22:35

egbrad

2,387
2
23
27

Link to accordion content visible

2 Answers2