JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<div class="container" style="display:none">
    <div class="header">
         <h1>Career</h1>

    </div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi quaerat eaque libero voluptates ullam consequatur quam rerum asperiores molestias error saepe illum rem maxime dicta eveniet animi quas praesentium!</div>
</div>
<button id="m">Bmutton</button>
<div id="mydiv"></div>

CSS

.container {
    width:200px;
    margin:auto;
    border:1px solid #0077CC;
}
h1 {
    margin:0px;
}
.header {
    background-color:#0077CC;
    padding:5px;
    text-align:center;
}
content {
    font-family:sans-serif;
    padding:15px;
}

JavaScript

$("button").click(function () {
    var result = $(".container").html();
    $("#mydiv").html(result);
    $( "#mydiv" ).toggle();
});