Hovering over one word reveals the translation of that word


I have long sentences that I want to translate from English to Spanish.

I want an option when hovering over a certain word, its translation will pop up.

Currently I only have the option for the whole sentence changing on hover, by code


  <span class="wrapper" ><span class="reg">{{edit:English}}</span><span class="cur">{{edit:Spanish}}</span></span>


.cur {
 display: none;
.wrapper:hover .cur,
.wrapper:hover .gra {
 display: inline;
.wrapper:hover .reg {
 display: none;

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.