JSFiddle - React, Tailwind, and code Playground

by shapeshifta

HTML

<a href="#" data-toggle="Element verstecken"><em>Element anzeigen</em><span class="icon"></span></a>

<div class="hidden">Toller Inhalt</div>

CSS

.js .hidden {
    display:none
}

JavaScript

$('body').addClass('js');

$("a").on('click', function (e) {
    e.preventDefault();
    var $this = $(this);
    var text = $this.data('toggle');
    var replaceMe = $this.find('em');
    var toggleIt = $(this).next('div');
   
    $this.data('toggle', replaceMe.text());
    replaceMe.text(text);
    
    if (toggleIt.is(':visible')) {
        toggleIt.addClass('hidden');
    } else {
        toggleIt.removeClass('hidden');
        
    }
});