JSFiddle - React, Tailwind, and code Playground

by eulloa

HTML

<img id="img-1" src='test1.jpg' calss='test' style='display:inline;'>
<img id="img-2" src='test2.jpg' calss='test' style='display:none;'>
<img id="img-3" src='test3.jpg' calss='test' style='display:inline;'>
<img id="img-4" src='test4.jpg' calss='test' style='display:none;'>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

JavaScript

$(function(){
	console.log(isImgVisible($('#img-1')));
  console.log(isImgVisible($('#img-2')));
  console.log(isImgVisible($('#img-3')));
  console.log(isImgVisible($('#img-4')));
})

function isImgVisible(img) {
	if (img.is(':visible'))
  	return true;
    
  return false;
}