JSFiddle - React, Tailwind, and code Playground

by balintbako

HTML

<div class="feed">
    <div class="feed-header">
         <h2>pga-2013.json</h2>

        <button class="publish button-white-bg button-save">Publish</button>
    </div>
    <div class="kvRow collapsed"> <span class="delete icon">x</span>

        <input type="text" class="keys-input" value="free" />
        <input type="text" class="values-input" value="0" disabled="" />
    </div>
</div>

JavaScript

$(document).ready(function () {
    $(".feed").on("mouseenter", ".publish", function () {
        alert("feed")
    });
    $(".feed").on("mouseenter", ".keys-input", function () {
        alert("input");
        $(this).siblings(".delete").fadeIn(75);
    });
    $(".feed").on("mouseleave", ".keys-input", function () {
        $(this).siblings(".delete").fadeOut(75);
    });
});