Hover panels are becoming increasingly popular on websites with the default starting content being replaced with alternative content on hover, usually with an animation for the transition between the two pieces of content. For this task we are going to create such a plugin. To transition between the two pieces of content, we will simply hide the default content and show the hover content.
We will once again use the template, which we had previously set up.
<div class="hoverpanels"> </div>