Selecting Items on Css Conditions

by Pratik Bhoir

HTML

<div class="main">
    <div class="child"></div>
    <div class="child" style="visibility:hidden;"></div>
</div>

CSS

.main {
    background-color:green;
}
.child {
    height:50px;
    width:50px;
    background-color:red;
}

JavaScript

function getVisible() {
    var child = [];
    $(".main").children().each(function () {
        if ($(this).css("visibility").toString() == "visible") {
            child.push(this);
        }
    });
    console.log(child);
    return child;

}

$(function(){
    getVisible();
});