Lo que pasa es que no se me cumple la condición if
¿Qué puedo corregir para que me funcione?
$(document).ready(function() {
$('.buscarHMn').click(function() {
if ($('#cont-campoBusq-relat')!= "none") {
$('#cont-campoBusq-relat').css("display","block");
$('#cont-campoBusq').animate({
backgroundColor: "purple",
opacity: 100,
}, 1000);
} else {
alert("ELSE");
}
});
});
.buscarHMn {
width: 100px;
height: 100px;
background: brown;
color: white;
display: inline-block;
}
#cont-campoBusq-relat {
position: relative;
width: 200px;
height: 100px;
background: slateblue;
display: none;
float: right;
}
#cont-campoBusq {
width: 100px;
height: 100px;
opacity: 0;
background: palevioletred;
margin-top: 10px;
display: inline-block;
}
<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">//Esto es asi; tenia el codigo mal
<div id="cont-campoBusq" class="centFRH">CampoBusq</div>
</div>
backgroundColor
para Jquery-UI