Bootsrap 4 - Accordion not working on hover/as expected on hover

Question

I am trying to convert bootastap 4 accordion on hover and yes I did but exactly not working as expected.

here is my code

$('.accordion .card-header button').on('mouseenter', function(event) {
    event.preventDefault();
    $( '.accordion .card' ).children('.collapse' ).collapse('show');
})

and here is the codepen

Answer 1

Here's a less verbose approach...

$('[data-toggle="collapse"]').on('mouseenter', function() {
    $(this).parents('.card').find('.collapse').collapse('show');
})

https://www.codeply.com/go/RNuEV348SQ