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

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

  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 / 18:23 | JS/jQuery |   30 | 2   0