JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<div id="getrooms">KLICKEN</div>
<div id="free_rooms" style="display: block;">Free Rooms</div>
<div id="dialog">Dialog</div>

JavaScript

function wait() {
	    if ($("#getrooms").length > 0) {
	    	console.log("loaded");
	        $("#getrooms").click(function (e) {
	            //alert("click");
	            setTimeout(function () {
	                var display = document.getElementById("free_rooms").style.display;
	                if (display == "block") {
	                    //alert("block");
	                    $("#dialog").before("<div id='close'><span>×</span> Liste schließen</a></div>");
	                }
	            }, 2000);
	        });
	        
			$("#close").click(function (e) {
				alert("clicked");
				$("#free_rooms").removeAttr('style').hide();
			});
	        
	    } else {
	    	console.log("reload");
	        setTimeout(function () {
	            wait();
	        }, 100);
	    }
	}
	wait();