Skip to content

Instantly share code, notes, and snippets.

@leoGalani
Created November 8, 2016 14:33
Show Gist options
  • Save leoGalani/b6b24ea56fbc33622f455466a3b0c3ac to your computer and use it in GitHub Desktop.
Save leoGalani/b6b24ea56fbc33622f455466a3b0c3ac to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment