JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <style>
  p { color:red; margin:5px; cursor:pointer; }
  p:hover { background:yellow; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>Birinci Paragraf</p>
  <p>İkinci Paragraf</p>
  <p>Üçüncü Paragraf</p>
    
    <div>Bana tıklarsan bütün p elementleri kapanır.</div>
<script>
    
    $("p").click(function () {
      $(this).slideUp();
    });
    
    $("div").click(function () {
        $("p").trigger("click");
    });
</script>

</body>
</html>