Have the links not directly beneath the

Theoretically the code that you provided should work.

The way the plugin decides what to expand/collapse is based on the link that you click.

When you click the link, I have set it up so to use jQuery to find the child div with class .hidden-content, and then it slideToggles that div.

So theoretically you can nest the hidden-content div as far down as you want and it should still work. Something like this SHOULD work (but I have not tested it).

<div class="exp-col-content-holder">
	<a class="expand-content-link" href="#" ><h2>Link!</h2></a>
        <p>All of the hidden content is below, if you want to display it you can click the link above!</p>
        <b>This is just a placeholder</b>
        <h1>Hey!</h1>
        <div class="hidden-content">
	  Stuff popping up!
        </div>
</div>

Edit: I have gone back in and tested the above code. It works as intended.

You need to wrap your hidden content in a div with class ‘hidden-content’. You must place the <h2></h2> or whatever HTML markup INSIDE of the tags. The jQuery is looking for the anchor tag click, so when you place the <h2></h2> outside the anchor tags the jQuery doesn’t know what was clicked.

Note that placing your h2 inside of anchor will cause the h2 to drop to a new line. You can adjust this using CSS.