Código Javascript
:
Ver original<html>
<head>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Ocultamos el div
$('.myClass').hide();
//Al hacer click en el boton...
$('.mostrar').on('click', function(){
var myClass = $('.myClass');
//Si .myClass esta oculto mostrarlo...
if (myClass.is(':hidden')) {
myClass.show();
//De lo contrario ocultarlo.
}else if(myClass.is(':visible')){
myClass.hide();
};
});
});
</script>
<style type="text/css">
.myClass{background-color: red;width: 150px; height:100px; margin-right: auto;
margin-left: auto;}
</style>
</head>
<body>
<button class="mostrar">Aparece</button>
<div class="myClass">
<p>Este es mi div.</p>
</div>
</body>
</html>