Show all "title" tooltips at once on one page
<h2>Thank you for the answers. I edited my question though: I'm trying to show all the tooltips on the page itself. And there are too many <code>&lt;p&gt;</code> tags on the page to add a class to them.</h2>

<p>I have a page with different "title" attributes.<br>
I know the proper behavior is to show the "title" attribute when you hover your mouse over the element, but i would like to be able to either:</p>

<ul>
<li>show all "titles" tooltips at once when I hover one of the divs.</li>
<li>show all "titles" tooltips at once on page load.</li>
</ul>

<p>Basic example:</p>

<pre><code> &lt;p title="Correct answer"&gt;Hello world&lt;/p&gt;
 &lt;p title="Wrong answer"&gt;Goodbye world&lt;/p&gt;
</code></pre>

<p>Is there any way i can use JS to show all title attributes at once on my page ?
Note: I need to keep the html title attributes, can't change that.</p>