JSFiddle - React, Tailwind, and code Playground

by icntfan

HTML

<!DOCTYPE html>
<html>
<head>
  <style>
  div { width:70px; height:40px; background:#ee77ff; margin:5px; float:left; }
  span { display:block; clear:left; color:red; }
  .baslangicta_gizli{ display:none; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <span></span>
  <div></div>
  <div style="display:none;">Gizli!</div>
  <div></div>

  <div class="baslangicta_gizli">Gizli!</div>
  <div></div>
  <form>
    <input type="hidden" />

    <input type="hidden" />
    <input type="hidden" />
  </form>
  <span>

  </span>
<script>
// bazı tarayıcılarda :hidden kısmı şunları da içerir -> head, title, script, vs...
var hiddenEls = $("body").find(":hidden").not("script");

$("span:first").text("Bulunan " + hiddenEls.length + " adet gizli element var.");
$("div:hidden").show(3000);
$("span:last").text("Bulunan " + $("input:hidden").length + " gizli input var.");
</script>

</body>
</html>