Jumping directly to a specific entry in an accordion

JavaScript
1

I am using an accordion that came with an HTML web template that I purchased. Is there any way that I can link to a pane in the accordion using anchor tags like the following?

<a name=“tips”>Useful Tips Section</a>
<a href=“#tips”>Visit the Useful Tips Section</a>

Here is the accordion html:

<!-- pane –>
<div class=“title”><span>What are essential oils?</a></span></div>
<div class=“pane”>
<p>Sometimes called the “life force” of a plant, therapeutic grade essential oils are very complex. They are stored in special cells, ducts or glandular hairs that are distributed among the flowers, leaves, bark, stems and roots of a plant.</p>
<div class=“clear”></div>
</div>

2

Sure. Use something like

<a href="#tips">Visit the Useful Tips Section</a>

and

<div class="title" id="tips"><span>What are essential oils?</a></span></div>

It’s a pity the code uses a div instead of a real heading element, though.

3

Do you have any other suggestions? I implemented your example into my code, then tried it out using:

The FAQ pulls up fine, but it doesn’t open the section in the accordion about linking. Here is my php code:

print (“<div class=‘title’ id=‘linking’><span>Can I link to your testimonials on my own blog or website?</span></div>”);

4

OK, I’ve moved this to the JS forum, as there’s more to this than just HTML. I’m not sure how to make the accordion open with a link like this.

5

Can anyone help me please?