JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<script src="http://code.jquery.com/jquery-1.4.4rc1.min.js"></script>

<div id="outer" style="width:100px;height:100px;border:1px solid">
    <div id="inner" style="margin:25px;width:50px;height:50px;border:1px solid red"></div>
</div>

JavaScript

$('div').live("mouseleave", function () {
    console.log('mouseleave', $(this).attr('id'));    
});


$('div').live("mouseenter", function () {
    console.log('mouseenter', $(this).attr('id'));
    
    $('div').trigger('mouseenter');
});



$('div').trigger('mouseenter');