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

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


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Показать/скрыть контент</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

    <button id="toggleBtn">Показать текст</button>
    <div id="text" style="display: none;">Это текст, который можно скрыть или показать.</div>

    <script>
        $(document).ready(function() {
            $('#toggleBtn').click(function() {
                $('#text').toggle();
                $(this).text(function(i, text){
                    return text === "Показать текст" ? "Скрыть текст" : "Показать текст";
                });
            });
        });
    </script>
</body>
</html>


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