JSFiddle - React, Tailwind, and code Playground

by Rajesh Dixit

HTML

<div class="header">Header 1. This is a generic header, shown for all cases.</div>
<div class="header_2">Header 2. Only shown if accessed from JSFiddle</div>

CSS

.header{
  width:auto;
  height:50px;
  background: #ddd;
}

.header_2{
  width:auto;
  height:50px;
  background: #ddd;
}

JavaScript

(function init(){
  if(window.location.hostname === "fiddle.jshell.net"){
    $(".header").hide();
    $(".header_2").show();
  }
  else{
    $(".header").show();
    $(".header_2").hide();
  }
})()