H tags link help

have you tried:

[expand tag="h2" title="My H2 Title"]paragraph text[/expand]

or using the roll-your-own method:

<h2 class="collapseomatic" id="my_id">My H2 Title</h2>
<div id="target-my_id" class="collapseomatic_content">
<p>paragraph 1</p>
<p>paragraph 2</p>
</div>

The first option you mentioned looks promising but how would i fit this specific one in? i removed the actual links and everything by the way.

<h2>clickable link business name (reference to what they do)</h2>

in your example, what happens when you click the link?
it will expand the content, but also navigate away from the page, correct?

Regardless, you would do it like:

[expand tag="h2" title="My H2 Title <a href='https://url.com'>link text</a>"]paragraph text[/expand]

Notice the use of double quotes (") for the title attribute and single quotes (') for the enclosed a href attribute.

Valid point… any way to alight the arrow to the right or left side of my H2 and just have the arrow clickable?

if you want only the arrow to be clickable, then you would need to use the roll-your-own method described above, but making only the an arrow element the trigger.
Since H2 elements are block elements, they will take up their own line, meaning you can not normally place anything before or after the element.

Try this:

<h2><span style="float: right" class="collapseomatic" id="my_id"> </span>H2 Headline Text</h2>
<div id="target-my_id" class="collapseomatic_content">target content</div>

Did that work out for you?

I ended up changing my thing to display <p> instead of <h2>. but yes, it did work. Thank you!

excellent. we’ll mark the issue as resolved.