JSFiddle - React, Tailwind, and code Playground

by rajaasthana

HTML

<div id='mydiv'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

<input type='button' id='bt' value='show div'></input>

CSS

#mydiv{
 width:100px;
 max-height:150px;
    overflow:auto;
    word-wrap:break-word;
    display:inline-block;
    
}

JavaScript

$(document).ready(function(){
    $('#mydiv').fadeIn();   
    
    $("body").bind('click', function(ev) {
    var myID = ev.target.id;
    if (myID !== 'mydiv') {
        $('#mydiv').fadeOut();
    }
});
	
});