Tooltips

See /scripts/custom.js for required scripts.

Do The Thing!

Do Another Thing!

<!-- tooltips with inline svg icon -->
<button type="button" id="show-thisTool" class="toggle-tooltip toggle-tooltip_color-theme toggle-tooltip_type-icon" title="Click to show more information">
	<svg class="icon icon_fill" role="img" aria-label="question mark">
		<use href="/images/core-icons.svg#icon-hint"></use>
	</svg>
</button>
<div id="thisTool" class="hidden-tooltip">
   Helpful tips on how to do a thing
</div>

<!-- tooltips with html -->
<button type="button" id="show-thisTool2" class="toggle-tooltip toggle-tooltip_color-theme toggle-tooltip_type-text" title="Click to show more information">?</button>
<div id="thisTool2" class="hidden-tooltip">
   Helpful tips on how to do a thing
</div>