JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div class="view" style="display:none;"> view hidden </div>
<div class="edit"> edit visible </div>

JavaScript

var $view = $('.view'),
    $edit = $('.edit');

if($edit.is (':visible')){
    alert('edit visible');
}
if($view.is (':visible')){
    alert('view hidden');
}

/*
var $view = $('.view:visible'),
    $edit = $('.edit:visible');

if($edit.length){
    alert('edit visible');
}
if($view.length){
    alert('view hidden');
}
*/

// view:visible should not alert!