Bootsrap 4 - Аккордеон не работает при наведении / как и ожидалось при наведении

Question

Я пытаюсь конвертировать аккордеон bootastap 4 при наведении, и да, я сделал, но точно не работает, как ожидалось.

вот мой код

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

и вот codepen

Answer 1

Вот менее многословный подход ...

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

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