Toggling hidden tooltips using JavaScript/JQuery
<p>So I've had this question for a while, and I can't figure out how to make a tooltip toggle. In websites, there is sometimes a tutorial involving tooltips that explain the functionality of the website or how to use it. I have been trying to do this on my own website</p>

<pre><code>&lt;div title = "This is the tutorial!" data-toggle = "tooltip"&gt;&lt;/div&gt;
</code></pre>

<p>So I made a tooltip, yet I can't figure out how to make it tooltip without hovering... Is there a specific attribute I could toggle on the div to make the tooltips appear without the user hovering over the div? Thanks!
(Tooltips are built-in HTML ones. On my website I'm using the additional bootstrap template to make them look better.)</p>

<p>RECAP: What I'm trying to achieve is a tooltip that can show whenever a certain function is run and hide when another is run. I cannot figure this out, as all the examples on other websites require the user to hover or click a button or some other action.</p>