JSFiddle - React, Tailwind, and code Playground
HTML
<div class="cms-nl-cnt-info"></div>
<div class="cms-nl-cnt-info-cnt">
<p>
<strong>Sie stimmen dem Erhalt des Newsletter der fashion4home GmbH zu.</strong> Damit erhalten Sie von uns wöchentlich besondere Angebote
und aktuelle Trends. Wir geben Ihre personenbezogenen Daten nicht an Dritte weiter, sondern verwenden diese ausschließlich zur
Personalisierung unseres Newsletters. Sie können Ihre Anmeldung jederzeit in Ihrem Kundenkonto, durch Klicken des Abmelde-Links
im Newsletter oder über den Kundenservice widerrufen. Einzelheiten zur Speicherung und Nutzung Ihrer Daten finden Sie in unserer
Datenschutzerklärung.
</p>
<span class="cms-nl-cnt-info-bg"></span>
<span class="cms-nl-cnt-info-arw"></span>
</div>
CSS
.cms-nl-cnt-info {width:20px;height:20px;background:#000;position:relative;-moz-user-select: none;
-khtml-user-select: none;-ms-user-select: none;
-webkit-user-select: none;
user-select: none;}
.cms-nl-cnt-info-cnt {position:absolute;top:20px;left:10px;width:400px;display:none;
}
JavaScript
jQuery('.cms-nl-cnt-info').toggle(
function(){ jQuery('.cms-nl-cnt-info-cnt').fadeIn();},
function(){ jQuery('.cms-nl-cnt-info-cnt').fadeOut();}
);