Hi! I'm trying to make the Extra section to be shown only after clicking a button, similar to how First Aid, Pathoma and the rest are. It will be faster going through them, less distraction on the screen and easier on the battery.

I tried to copy the style of the other sections but I can't just simply copy paste as each section is different, ex: hint-fa, button-fa, and the icon image.

Any idea how to create them for extra?

Thanks!

<!-- EXTRA FIELD -->

<p></p>{{#Extra}}

<div id="extra">{{edit:Extra}}</div>

{{/Extra}}<br>

<div id="testscroll"></div>

<!-- FIRST AID FIELD -->

{{#First Aid}}<a href="#" class="hint" id="hint-fa" onclick="this.style.display='none'; myFunction('button-fa', 'hint-fa', 'button-fa'); return false;">

<button class="button-fa"><img src="\_first-aid.icon\_v2.1.png">First Aid</button></a>{{/First Aid}}

<div id="button-fa" class="generalclass" style="display:none;">

{{#First Aid}}<button onclick="document.getElementById('hint-fa').style.display='inline-block'; myFunction('button-fa', 'hint-fa', 'button-fa')" class="button-fa" style="background:#ababab; color:black!important; font-weight:bold; width:50%!important;"><img src="\_first-aid.icon\_v2.1.png">First Aid</button>

<div class="hints" id="firstaid">{{edit:First Aid}}</div>

{{/First Aid}}</div>