JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<body screen_capture_injected="true">
<a href="https://www.g2a.com/titanfall-origin-cd-key-preorder-global.html"> <img src="https://www.g2a.com/media/catalog/product/cache/1/thumbnail/211x289/e6b919ac0dced1ec66d0cf1ac3ed2243/t/i/titanfall-3d.png"> </a>
<div style="width: 80px; height: 20px; background-color: red;" onmouseover="show('hej')" onmouseout="hide('hej')">
   <div id="div1" name="hej" class="hej" style="opacity: 0.5;">Text</div>
</div>


<ol id="results"><div id="content"><div id="product_standard"><a href="https://www.g2a.com/titanfall-origin-cd-key-preorder-global.html"><img src="https://www.g2a.com/media/catalog/product/cache/1/small_image/242x344/170ec19af00183b5e0368529fc2daa2f/t/i/titanfall-2d.jpg"><div id="product_top"><strong id="product_type">Test</strong></div><div id="product_bottom"><strong id="pricetag">100 €</strong></div></a></div><div id="product_standard"><a href="https://www.g2a.com/titanfall-origin-cd-key-preorder-global.html"><img src="https://www.g2a.com/media/catalog/product/cache/1/small_image/242x344/170ec19af00183b5e0368529fc2daa2f/t/i/titanfall-2d.jpg"><div id="product_top"><strong id="product_type">sdfsf</strong></div><div id="product_bottom"><strong id="pricetag">123 €</strong></div></a></div></div>
<div id="content"></div>
</ol>
<div class="animation_image" style="display: none;" align="center"><img src="ajax-loader.gif"></div>



</body>

JavaScript

function show(id) {
    //document.getElementsByName(id)[0].style.visibility = "visible";
    $(document.getElementsByName(id)[0]).fadeTo( "slow", 0.5 );
  }
  function hide(id) {
    $(document.getElementsByName(id)[0]).fadeTo('slow', 0);
  }