0
Basically when you click The Art the phrases that have the id= shows should appear and when you click again disappear
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-3.1.1.j**s"></script>
<meta charset="utf-8" />
</head>
<body>
<div>
<h2 onclick="Mudarestado('mostrar')"><center>A arte</center></h2>
<br />
<p><center> não tem sentido </center></p>
<p id="mostrar"><center>sem paixão </center></p>
<p><center>Você deve sair </center></p>
<p id="mostrar"><center>e criar arte. </center></p>
<p><center>(Arrumar) [Arrume] um trabalho </center></p>
<p id="mostrar"><center>fazendo o que você ama </center></p>
<p><center>e faça sua vida </center></p>
<p id="mostrar"><center> sendo você mesmo. </center></p>
<p><center>Você não pode deixar </center></p>
<p id="mostrar"><center> outras pessoas definirem </center></p>
<p><center> o resto da sua vida (ser) </center></p>
<p id="mostrar"><center>e lhe dizerem que você será </center></p>
<p><center> uma piada, um fracasso. </center></p>
<p id="mostrar"><center>Siga seu coração. </center></p>
<p><center> Você vai acabar </center></p>
<p id="mostrar"><center>feliz e livre e não </center></p>
<p><center> um artista faminto. </center></p>
<p id="mostrar"><center> Ame sua arte e </center></p>
<p><center> contribua com a sociedade </center></p>
<p id="mostrar"><center> inspirando as pessoas </center></p>
<p><center>os invés de ficar perdendo tempo </center></p>
<p id="mostrar"><center> deixando os outros lhe dizerem </center></p>
<p><center>que você não vale nada. </center></p>
<p id="mostrar"><center>Você pode mudar o mundo </center></p>
</div>
<script type="text/javascript">
function Mudarestado(el) {
var display = document.getElementById(el).style.display;
if (display == "none")
document.getElementById(el).style.display = 'block';
else
document.getElementById(el).style.display = 'none';
}
</script>
</body>
</html>