JSFiddle - React, Tailwind, and code Playground

by Wisdom Abioye

HTML

<a id="job_location" href = "#map"><b><span class = "glyphicon glyphicon-map-marker"/>Location</b></a>

<div id="tabs">
<input id="tab1" type="radio" name="tabs"/>
  <label for="tab1">My Location</label>

</div>

<task-section id="content1">
    <iframe style= "width: 600;  height:450;" src="https://www.google.com/">
</iframe>
</task-section>

CSS

#tabs, #content1{
  display: none;
}

JavaScript

document.getElementById("job_location").addEventListener("click", function(){
		document.getElementById("tabs").style.display = "block";
    document.getElementById("content1").style.display = "block";
    document.getElementById("tab1").checked = true;
    });