Buenos dias colegas.
Quisiera saber si alguien puede sacarme esta duda.
Yo tengo dos elementos hijos #hijo1 e #hijo2 dentro de un div #padre.
Estos dos hijos pueden estar en display none o block yo quisiera detectar cual es el hijo que esta visible para aplicarle un cambio sencillo en el css.
Cuando utilizo un solo hijo no hay ningun problema pero cuando tengo mas de un hijo ya se me complica la cosa.
Desde ya muchas gracias. Pongo mi codigo a continuación.
$(document).ready(function(){
$("#cambiar").click(function(){
var elemento = $("#padre").children();
elemento.css("display":"none");
});
});
<div id="padre">
<div id="hijo1">
HIJO1
</div>
<div id="hijo2">
HIJO2
</div>
</div>
<div id="cambiar">CAMBIAR</div>