JSFiddle - React, Tailwind, and code Playground

by deepak sisodiya

HTML

<div id="main">
  <ul class="gallery">
    <li id="test1">
      Hello World1
    </li>
    <li id="test2">
      Hello World2
    </li>
    <li>
      Hello World3
    </li>
    <li>
      Hello World4
    </li>
    <li>
      Hello World5
    </li>
    <li>
      Hello World6
    </li>
  </ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

JavaScript

// querySelector() and $() is same

var e = document.querySelector("#test1");
e.style.display = "none";

$("#test2").hide()