JSFiddle - React, Tailwind, and code Playground

by superbDeveloper

HTML

<iframe id="iframeCentralModule" class="iframeCentralModule-01" src="blank.htm"></iframe>

JavaScript

tesm($("#iframeCentralModule"), true);


function tesm($iframeCentralModule,isDisplay){
        $iframeCentralModule.css("border","0");
        if (isDisplay)
        {
            //show iframe
            $iframeCentralModule.addClass("iframeCentralModule-01");
            $iframeCentralModule.css("height", "0px");
            $iframeCentralModule.offset({ top: -9999, left: -9999 });
            $iframeCentralModule.css("width","0px");
            $iframeCentralModule.css("display","none");
            $iframeCentralModule.css("z-index","0");
        }else{
            //hide iframe
            $iframeCentralModule.removeClass("iframeCentralModule-01");
            $iframeCentralModule.css("height", $(window).height()-30 + "px");
            $iframeCentralModule.offset({ top: 30, left: 0 });
            $iframeCentralModule.css("width","1024px");
            $iframeCentralModule.css("display","inline");
            $iframeCentralModule.css("z-index","100000");
        }
    }