Questão 1014089

Um programador criou a página web abaixo utilizando Bootstrap 4.

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

data-target="#a1">SEMEF</button>

<div id="a1" class="collapse">

A Secretaria Municipal de Finanças, Tecnologia da Informação e Controle Interno (Semef) integra a Administração Direta do Poder Executivo...

</div>

</div>

</body>

</html>

Para que, ao clicar uma vez no botão, o texto contido no contêiner com id="a1" apareça abaixo do botão e, ao clicar novamente o texto desapareça, alternando a cada clique, a lacuna I deverá ser preenchida com