JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container3">
  <div id="graficos" class="box" >
    <a id="aparecer" href="#img06">
      <img src="http://www.dstech.com.br/sistema/18.monitoramento/02.arquivos/02.monpng/TrafegoTotal-1h.png" style="width:438px; height:155px;  border-radius:5px;">
    </a>
		<div id="img06">
		  <img src="http://www.dstech.com.br/sistema/18.monitoramento/02.arquivos/02.monpng/TrafegoTotal-1h.png">
		</div>
  </div>
</div>

CSS

#container3{
				width: 100%;
				height: 155px;
				margin-top: 8px;
			}
.box{
				float: left;
			}
#graficos{
				width: 438px;
				height: 155px;
				background-color: #FFF;
				margin-left: 8px;
				border-radius: 5px;
			}
#img06{
				position: relative;
				width:947px;
				height: 354px;
        display: none;
			}
      
.visivel {
  display: block;
}

JavaScript

$(document).ready(function(){
	$('#aparecer').click(function(){
  	$('#img06').toggle();
  });
});