JSFiddle - React, Tailwind, and code Playground

by Felipe Kautzmann

HTML

<p id='test' class='qualquer'>test</p>
<p class='qualquer'>test1</p>
<p class='qualquer'>test2</p>

CSS

.qualquer {
    background-color: red;
}

JavaScript

function fade(id) {

    var element = document.getElementById(id);
    var arr = [];   

    $('.qualquer').each(function() {
        arr.push($(this).text());
    });

    $(document).ready(function(){
        $(element).toggle(function a() {
            $(element).fadeTo("fast", 0.5, function(){
                $("<img id='maix"+id+"'>").attr('src', 'pics/+.gif')
                    .appendTo(element)
                    .addClass("minus3");
                localStorage.removeItem('artist'+id);            
            })
        },
        function b(){
            $(element).fadeTo("fast", 1, function(){
                $("#maix"+ide+"").remove();
                localStorage.setItem('artist'+id,arr[id]);   
            })
        });
    });   
}

fade('test');