Untitled

<html>
  <head>
    <script
      src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
      integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <!-- znaczniki -->
    <p>Ala ma kota</p>
    <p>a kot ma Alę</p>
    <p>Po prostu potrzebuje pare linijek tekstu</p>
    <!-- skrypty -->
    <script>
      function onParagraphClick(event) {
        const target = $(event.target);

        if (target.hasClass('accent')) {
          target.hide();
        } else {
          target.addClass('accent');
        }
      }

      function onDocumentReady() {
        alert("Taddah!");
        $('p').click(onParagraphClick);
      }

      $(document).ready(onDocumentReady);
    </script>
    <!-- style -->
    <style>
      .accent {
        background-color: red;
        color: white;
        outline: 2px;
      }
    </style>
  </body>
</html>