i am trying to make a menu using two nested elementor tabs i added event listener to the parent tab to show the content on hover but it doesnt work
<code><script>
let parent = document.getElementById('parent');
parent.addEventListener('mouseover', (event) => {
document.getElementById('content').visibility = 'visible' ;
});
</script>
</code>
<code><script>
let parent = document.getElementById('parent');
parent.addEventListener('mouseover', (event) => {
document.getElementById('content').visibility = 'visible' ;
});
</script>
</code>
<script>
let parent = document.getElementById('parent');
parent.addEventListener('mouseover', (event) => {
document.getElementById('content').visibility = 'visible' ;
});
</script>
the content has #content{ visibility: hidden;} under custom css section
New contributor
Milica Test is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
1