gistfile1.txt

<p>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>-->
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Lato:400,700:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();


  function open_todos() {
    console.log('porra');
    $('#myContent1').toggle();
    $('#myContent2').toggle();
    $('#myContent3').toggle();
    $('#myContent4').toggle();
    $('#myContent5').toggle();
    $('#myContent6').toggle();
    $('#myContent7').toggle();
    $('#myContent8').toggle();
  };

</script>
</p>
<table>
	<tbody>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent1').toggle();" id="myHeader1"><span style="color:#FFFFFF;">&nbsp;Apresenta��o Art�stico-Liter�ria</span></a></div>
				<div id="myContent1" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent2').toggle();" id="myHeader2"><span style="color:#FFFFFF;">&nbsp;Conta��o de Hist�rias</span></a></div>
				<div id="myContent2" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent3').toggle();" id="myHeader3"><span style="color:#FFFFFF;">&nbsp;Curso, Oficina e Palestra</span></a></div>
				<div id="myContent3" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
	<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent4').toggle();" id="myHeader4"><span style="color:#FFFFFF;">&nbsp;Encontro Liter�rio</span></a></div>
				<div id="myContent4" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent5').toggle();" id="myHeader5"><span style="color:#FFFFFF;">&nbsp;Sarau</span></a></div>
				<div id="myContent5" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" id="myHeader6" onclick="$('#myContent6').toggle();"><span style="color:#FFFFFF;">&nbsp;Bibliotecas Populares</span></a></div>
				<div id="myContent6" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent7').toggle();" id="myHeader7"><span style="color:#FFFFFF;">&nbsp;Ades�o</span></a></div>
				<div id="myContent7" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div style="border: 1px solid #FFFFFF; background-color: #d63352; padding: 10px; width: 520px; color: #000000;">
					<a class="retranca2" onclick="$('#myContent8').toggle();" id="myHeader8"><span style="color:#FFFFFF;">&nbsp;Encontro com Escritor / ilustrador</span></a></div>
				<div id="myContent8" style="border: 1px solid #FFFFFF; background-color: #FFFFF0; display: none;padding: 10px; width: 520px;font-family:'lato', Geneva, sans-serif;font-size: 12px;">
					<p style="text-align: justify;">
						<br />
						�</p>
				</div>
			</td>
		</tr>
	</tbody>
</table>
<p>
<button onclick="open_todos()" type="button" value="abrir todo conte�do"/>abrir todo conte�do</button></p>