JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<script src="http://connectivity.aigadc.org/wp-content/themes/aiga-0-0/js/hoverIntent.min.js"></script>
<div class="post">
    <div class="post-content"> something goes here </div>
</div>
<div class="post">
    <div class="post-content"> something goes here </div>
</div>

<div class="post">
    <div class="post-content"> something goes here </div>
</div>

<div class="post">
    <div class="post-content"> something goes here </div>
</div>

<div class="post">
    <div class="post-content"> something goes here </div>
</div>

JavaScript

var hiconfig = {
    over: showPost,
    // function = onMouseOver callback (REQUIRED)    
    timeout: 300,
    // number = milliseconds delay before onMouseOut    
    out: hidePost,
    // function = onMouseOut callback (REQUIRED)    
    interval: 300
};

$(".post").hoverIntent(hiconfig);

function showPost() {
    console.log(this);
}

function hidePost() {
    console.log($(this).html());
}