Métodos Hide e Show - Voltar

<h5>Exemplo 1</h5>
<div class="alert alert-warning" id="exemplo1">Esta div pode ser mostrada/ocultada</div>
<button id="hide1" class="btn btn-info">Hide</button>
<button id="show1" class="btn btn-info">Show</button>

<h5>Exemplo 2</h5>
<div class="alert alert-warning" id="exemplo2">Esta div pode ser mostrada/ocultada com velocidade específica</div>
<button id="hide2" class="btn btn-info">Hide</button>
<button id="show2" class="btn btn-info">Show</button>

<h5>Exemplo 3</h5>
<div class="alert alert-warning" id="exemplo3">Esta div pode ser mostrada/ocultada com velocidade específica com um único botão</div>
<button id="toggle" class="btn btn-info">Mostrar/ocultar</button>

<h5>Exemplo 4</h5>
<div class="alert alert-warning" id="exemplo4">Esta div pode ser mostrada/ocultada com velocidade específica, um único botão e envocando uma segunda função</div>
<div class="alert alert-info" id="novaDiv">Esta div aparecer ou a função <b>mostra()</b></div>
<button id="call" class="btn btn-info">Mostrar/ocultar</button>

$(document).ready(function(){
	$("#hide1").click(function(){
		$("#exemplo1").hide();
	});
	$("#show1").click(function(){
		$("#exemplo1").show();
	});


	$("#hide2").click(function(){
		$("#exemplo2").hide(1000);
	});
	$("#show2").click(function(){
		$("#exemplo2").show(1000);
	});


	$("#toggle").click(function(){
		$("#exemplo3").toggle(1000);
	});


	$("#call").click(function(){
		$("#exemplo4").toggle(1000, mostra);
	});
});

function mostra(){
	$("#novaDiv").toggle(500);
}