Показать/скрыть контент по клику

Пример скрытия или показа контента при нажатии на кнопку

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Показать/скрыть контент</title>
  7.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  8. </head>
  9. <body>
  10.  
  11.     <button id="toggleBtn">Показать текст</button>
  12.     <div id="text" style="display: none;">Это текст, который можно скрыть или показать.</div>
  13.  
  14.     <script>
  15.         $(document).ready(function() {
  16.             $('#toggleBtn').click(function() {
  17.                 $('#text').toggle();
  18.                 $(this).text(function(i, text){
  19.                     return text === "Показать текст" ? "Скрыть текст" : "Показать текст";
  20.                 });
  21.             });
  22.         });
  23.     </script>
  24. </body>
  25. </html>

  20.09.24 / 15:23 | JS/jQuery |   84 | 2   0