Существует несколько способов реализовать скрытие текста при наведении на него. Ниже приведены два примера с использованием CSS и JavaScript.
1. Использование CSS:
HTML:
```html
<p class="hide-on-hover">Скрытый текст</p>
```
CSS:
```css
.hide-on-hover {
visibility: hidden;
}
.hide-on-hover:hover {
visibility: visible;
}
```
2. Использование JavaScript:
HTML:
```html
<p class="hide-on-hover" onmouseover="showText(this)" onmouseout="hideText(this)">Скрытый текст</p>
```
JavaScript:
```javascript
function showText(element) {
element.style.visibility = 'visible';
}
function hideText(element) {
element.style.visibility = 'hidden';
}
```
Оба примера создают класс `.hide-on-hover`, который скрывает текст по умолчанию. При наведении курсора на элемент с этим классом, скрытый текст становится видимым.
