Прячущийся текст в HTML

Delphi , Прочее , javascript в html

+ JavaScript

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>

function toggleNews(news, newsdesc)

{
document.getElementById(news).style.display=(document.getElementById(news).style.display=='')?'none':'';
document.getElementById(newsdesc).style.display=(document.getElementById(newsdesc).style.display=='')?'none':'';
return false;
}

</script>

</head>
<body>
<p><a href="#" onclick="javascript: return toggleNews('id_1', 'id_1_desc')">Заголовок сообщения по которому щёлкая скрывается и открывается текст</a></p>
<div id="id_1_desc" >тут изначалььный текст</div>
<div id="id_1" style="display:none">
<p>прячущийся текст</p>
</div>
<p>прочий не скрываемый текст</p>
</body>
</html>

Выглядит это так :

Заголовок сообщения по которому щёлкая скрывается и открывается текст

тут изначалььный текст

прочий не скрываемый текст

Автор KAN

В статье описана технология скрытия текста в HTML с помощью JavaScript, которая позволяет на основе клика по заголовку открывать или закрывать скрытый текст.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

Материалы статей собраны из открытых источников, владелец сайта не претендует на авторство. Там где авторство установить не удалось, материал подаётся без имени автора. В случае если Вы считаете, что Ваши права нарушены, пожалуйста, свяжитесь с владельцем сайта.

:: Главная :: javascript в html ::

Время компиляции файла: 2024-12-22 20:14:06
2025-01-29 03:38:14/0.0025670528411865/0