Для того чтобы элемент автоматически появлялся без необходимости наведения на него мышью, можно использовать CSS свойство `display` или `visibility`. Вот несколько способов, которые вы можете попробовать:
1. Используйте CSS свойство `display: block;` или `display: inline-block;` для элемента.
Например:
```css
.element {
display: none;
}
.element.visible {
display: block;
}
```
Затем добавьте класс "visible" к элементу при необходимости:
```javascript
var element = document.querySelector('.element');
element.classList.add('visible');
```
2. Используйте CSS свойство `visibility: visible;` для элемента.
Например:
```css
.element {
visibility: hidden;
}
.element.visible {
visibility: visible;
}
```
Затем добавьте класс "visible" к элементу при необходимости:
```javascript
var element = document.querySelector('.element');
element.classList.add('visible');
```
3. Используйте CSS свойство `opacity: 1;` для элемента, чтобы плавно изменить видимость.
Например:
```css
.element {
opacity: 0;
transition: opacity 0.5s ease;
}
.element.visible {
opacity: 1;
}
```
Затем добавьте класс "visible" к элементу при необходимости:
```javascript
var element = document.querySelector('.element');
element.classList.add('visible');
```
Обратите внимание, что для всех этих способов вы должны добавить класс "visible" к элементу с помощью JavaScript, чтобы сделать его видимым.