JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<table border=1>
    <tr>
        <td>
            Information
        </td>
        <td id="clickshow">
            <div id="information" style="display:none">
                More information that I want to select without hiding
            </div>
            <div id="clicktoshow">
                Click to show info
            </div>
            
        </td>
    </tr>
</table>

JavaScript

var isDragging = false;
$("#clickshow")
.mousedown(function() {
    isDragging = false;
})
.mousemove(function() {
    isDragging = true;
 })
.mouseup(function() {
    var wasDragging = isDragging;
    isDragging = false;
    if (!wasDragging) {
        $("#information").toggle();
        $("#clicktoshow").toggle();
    }
});