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

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


<!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 |   151 | 2   0