hover to show content of a name anchor in a popup instead of click to go to the content
<p>I have a long html, the contents have references for other text.</p>

<p>For example:</p>

<pre><code>What is your &lt;a href="#A8"&gt;favorite&lt;/a&gt; day?
&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
&lt;div id="A1"&gt;Monday&lt;/div&gt;
&lt;div id="A2"&gt;Tuesday&lt;/div&gt;
&lt;div id="A3"&gt;Wednesday&lt;/div&gt;
&lt;div id="A4"&gt;Thursday&lt;/div&gt;
&lt;div id="A5"&gt;Friday&lt;/div&gt;
&lt;div id="A6"&gt;Saturday&lt;/div&gt;
&lt;div id="A7"&gt;Subday&lt;/div&gt;
&lt;div id="A8"&gt;It's a good day.&lt;/div&gt;
</code></pre>

<p>I hope to have a function to hover on an anchor tag to show the content in a popup or dialog of the anchor name instead of clicking to go to the content. No go back and forth.</p>

<p>If hovering on <code>#A8</code>, it will show the content of <code>A8</code>, that's "It's a good day. "</p>
