Как реализовать скрытие текста при наведении на него?

Существует несколько способов реализовать скрытие текста при наведении на него. Ниже приведены два примера с использованием 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`, который скрывает текст по умолчанию. При наведении курсора на элемент с этим классом, скрытый текст становится видимым.

Убрать атрибут title . Или если нужно убрать только для нижестоящего элемента, оному можно прописать title="" .

Попробуйте удалит аттрибут @data-wvstooltip у ./parent::li[1] элемента

Проще всего эту проблему можно решить добавив на сайт JavaScript код ниже через плагин для Wordpress