How to add Inline Text Expansion for Abbreviations/Explanations?

[helloqxwang]

Hi! I am new here and thanks so much for the community to build such a beautiful and useful academic website template.
I am wondering how to add an "inline expansion" feature in the text, which means when I hover/click on a certain text, the text can be expanded into a more detailed version. This will be very useful for extending abbreviation or explanation of a specific term in my research interests. For example, extend "IL" into "Imitation Learning" in my website.
I found this kind of thing on someone else website but I don't know how to write this in an al-folio template. Thanks so much in advance!

[george-gca]

This is not possible with markdown alone, you'll have to use html/css for it. Take a look at our code and how this is done in the selected publication in the main page of our demo. I believe this is the kind of thing you want to achieve.