Y ahora cómo puedo hacer la funciones de reversa ?, al dar el click Quiero que cuando el div cont-campoBusq-relat sea display:block; quiero que quite los estilos que se asignaron cuando le dimos click, la funcion que me gustaria que iciera es dar opacidad primero y luego darle display: none; a cont-campoBusq-relat
$(document).ready(function () {
$('.buscarHMn').click(function () {
if ($('#cont-campoBusq-relat') != "block") {
$('#cont-campoBusq-relat').css({display:"block",});
setTimeout(function(){
$('#cont-campoBusq').animate({"opacity":"100"});
}, 1000);
} else {
alert("ELSE");
}
});
});
.buscarHMn{
width:100px;
height: 100px;
background:gray;
color: white;
}
#cont-campoBusq-relat{
display: none;
width:100px;
height: 100px;
background:brown;
color: white;
}
#cont-campoBusq{
display: ;
width:70px;
height: 80px;
background:orange;
color: white;
opacity:0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="buscarHMn">Click</div>
<div id="cont-campoBusq-relat">
<div id="cont-campoBusq"</div>
</div>