How to change the hover slide on a certain element on the site in Owl carousel?

Question

JavaScript

Let's say we have the most common slider:

<div class="owl-carousel owl-theme" id="portfolio-hat-slider">
<div class="item"><h1>1</h1></div>
<div class="item"><h2>2</h2></div>
<div class="item"><h3>3</h3></div>
<div class="item"><h4>4</h4></div>
</div>

Somewhere on the site there is an element with id="elem"

So that when you hover over the " elem " element in the slider, the second slide (h2) becomes active (rewinds to the desired one) - how can this be coded?

Answer 1

Events?
https://owlcarousel2.github.io/OwlCarousel2/docs/a...
Example

Answer 2

Like one of the
Doc's options on the carousel