JSFiddle - React, Tailwind, and code Playground

by gekka

HTML

<div id="message"></div>

<button id="b1">click</button>
<button id="b2">click</button>

JavaScript

$(function() {

    var myTime;
    
    $('#b1').click(function() {
        $('#message').html('eins');
        $('#message').show();
            slideOut(3000);
      
    });
    
    $('#b2').click(function() {
        $('#message').html('zwei');
         $('#message').show();
           slideOut(3000);
  
    });
  
  

    function slideOut(dur) {
        //$('#message').clearQueue().show();
        if (myTime) {
            clearTimeout(myTime);
        }
        if ($('#message').is(":visible")) {
            myTime = setTimeout("$('#message').slideUp()", dur);
        } 
    
    }
 
});