I'd like to put some text on XF pages and just show all when they click on a link or button.
I know there are JS scripts to do this but would prefer to use anything that is already available in XF.
Is there any class on XF that I can use?
<a href="#" class="JsOnly ToggleTrigger" data-target=".ContentToBeHidden">This link unhides the below content.</a>
<div class="ContentToBeHidden">
Content to be hidden
</div>
<a href="#" class="JsOnly ToggleTrigger" data-target=".ContentToBeHidden">This link unhides the below content.</a>
<div class="ContentToBeHidden">
Content to be hidden
</div>
<a href="#" class="JsOnly ToggleTrigger" data-target=".ContentToBeHidden">This link unhides the below content.</a>
<div class="ContentToBeHidden">
Content to be hidden
</div>
Chris,
I just try that and at first page load, it shows the hidden content. Click on the link will hide it.
It's the opposite effect that I need.
I would need it to be always hidden and when you click on the link, it will show the content. Also, would be nice for the text to change to "Hide" after you click to it. Sort of like toggle.