JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/11761049/css-jquery-hide-one-div-show-another

HTML

<button onclick="is_visible();"> check </button>

<div id="div1"> div1 </div>

CSS

#div1 {
    visibility:visible;
    //visibility:hidden;
    border:8px solid red;
}

JavaScript

function is_visible() {
    var el = document.getElementById('div1');
    alert($(el).css('visibility')); //jQuery works well
    alert(el.style.visibility); // not works - always empty string
    alert(el.offsetWidth > 0 || el.offsetHeight > 0 ? 'yes' : 'no'); // not works - is always true
    alert(el.getAttribute('visibility')); //not works - is of course null


    //only test //visibility is here empty string
    //alert(typeof el.style.visibility);
    var o = el.style; //el,el.attributes
    var prop, props = 'Object properties are: ';
    for (prop in o) {
        props += prop + '=' + o[prop] + ' ';
    }
    document.body.appendChild(document.createTextNode(props));
}