JSFiddle - React, Tailwind, and code Playground

by kentaromiura

HTML

<table>
    <tr><td class="cambia"><span class="testo">areo</span><span class="azione"><button onclick="alert('e cio')">Situ gnanca mona?</button></span></td></tr>
    <tr><td width="70px" class="cambia">
           <span class="testo">$rpmavail</span><!-- AREO, ZIO CAN, No se usa pi el tag FONT dal 1999, agiornate usa el css e varda la             (segui la freccetta)                                       -->
           <a class="azione" href="php/update.php?hostname=$hostname">Show</a>
       </td></tr>
</table>

CSS

button{
    
}
.azione{
    display:none
}
.testo{
    display: inline;
    color: #C11B17;
}
td{border:1px solid black}

JavaScript

onload=function(){
    var cambiatuttoziocan = $('.cambia'), 
        scoltemoSolChelTesto = $('.cambia .testo');
        
    // Ti te vol sol el testo, ben, xe fasie.
    scoltemoSolChelTesto.hover(function(){
        $(this).hide();
        $('.azione', $(this).parent()).show();
    });
    
    //Paró no te pol far el mouseleave direttamente sul testo se no el cambia subito, eora tornemo a scoltar el TD.
    cambiatuttoziocan.mouseleave(function(){
        $('.testo', this).show();
        $('.azione', this).hide();
    })
    
}