JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="mee" value="Please Click me!">  --   
<input type="button" name="me" value="Please Click me!">
  <div class="SlideShownClass">www.aspnettutorial.blogspot.com</div>

CSS

.SlideShownClass{ background:#71c8d9; margin:1px; width:500px; 
        height:20px; display:none; float:down; color:red; text-align:center}

JavaScript

$(document).ready(function(){   
$(document.body).click(function () {
      if($("div:first").is(":hidden")){
        $(".SlideShownClass").slideDown("slow");
      } else {
        $(".SlideShownClass").hide();
      }
    });
});