JSFiddle - React, Tailwind, and code Playground

HTML

<div name="div" class="border hidden"></div>

CSS

.border {
    border:1px solid red;
    height: 300px;
}
.visible {
    opacity: 1;
    transition: opacity 1s linear;
}
.hidden {
    opacity: 0;
    transition: opacity 1s linear;
}

JavaScript

var div = document.getElementsByName('div')[0];
div.addEventListener('touchstart', function (e) {    
    div.className = 'border visible';
    e.preventDefault();
    return false;
});
div.addEventListener('touchend', function(e){
    div.className = 'border hidden';
    e.preventDefault();
    return false;
});