JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer" style="display: none;">
  <div id="inner1" class="inner"></div>
  <div id="inner2" class="inner"></div>
  <div id="inner3" class="inner"></div>
</div>

<div id="result"></div>

CSS

#inner1 { display: none; }

JavaScript

var $first_visible = $(".inner").filter(function () {
  return window.getComputedStyle(this, null).getPropertyValue('display') !== 'none';
}).first();
$("div#result").text($first_visible[0].id);