JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<div id="pop_01_01">aaaa</div>
<div id="pop_02_01">bbbb</div>
<div id="pop_02_02">cccc</div>

<textarea id="text_01_01" class="textarea"></textarea>
<textarea id="text_02_01" class="textarea"></textarea>
<textarea id="text_02_02" class="textarea"></textarea>

JavaScript

var hotspots = ['01_01','02_01','02_02'];   
for (var i in hotspots){
    $('#pop_' + i).hover(
        function() {
        $('#text_' + i + '.textarea').fadeIn('fast');          
        },
        function() {
        $('#text_' + i + '.textarea').css({'display':'none'});
        }
    );
}