Jquery(javascript) Mostra e Esconde conteúdos de uma div

Codigo que mostra e esconde conteúdos de uma div através de um checkbox, voce pode colocar em link ou onde desejar, já que ele trabalha com ID

HTML

<div>
	<p>Clique nos checkboxs</p>
	<input type="checkbox" id="um" />DIVs 1 e 3
	<input type="checkbox" id="dois">DIV 2
	<div id="divUm" style="background-color:#0000FF" >
		Conteudo da div 1 ...
	</div>
	<div id="divDois" style="background-color:#FF0000">
		Conteudo da div 2 ...
	</div>
	<div id="divTres" style="background-color:#00FF00" >
		Conteudo da div 3 ...
	</div>
</div>

JAVASCRIPT

$(document).ready(function(){

	// Divs 1 e 3
	$("#divUm").hide();
	$("#divTres").hide();
	$("#um").click(function () {
		$("#divUm").slideToggle("slow");
		$("#divTres").slideToggle("slow");
	});
	// Div 2
	$("#divDois").hide();
	$("#dois").click(function () {
		$("#divDois").slideToggle("slow");
	});
});

VISUALIZAR

Compartilhar:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • RSS
  • Twitter
  • Add to favorites
  • Diigo
  • email
  • LinkedIn
  • Live
  • Mixx
  • MySpace
  • PDF
  • Sphinn
  • StumbleUpon
  • Yahoo! Bookmarks

Tags: ,

Leave a Reply