Javascript-форум - Контенер внутри кнопки аккордиона. Подскажите как побороть.

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Контенер внутри кнопки аккордиона. Подскажите как побороть. (https://javascript.ru/forum/jquery/73938-kontener-vnutri-knopki-akkordiona-podskazhite-kak-poborot.html)

Контенер внутри кнопки аккордиона. Подскажите как побороть.

Приветствую специалистов по jQuery.
Накодил такой вот аккордеон раскрывающийся по ховеру
https://jsfiddle.net/PlayboyZP/hnhqhyLe/

Все работает до момента https://jsfiddle.net/PlayboyZP/pk6wmw93/
когда внутрь кнопки вставляю дополнительный контейнер:

<div class="acc-header"><div class="centr">First button</div></div>

Код:

.centr {

    margin: 0 auto;

    float: none;

    width: 70px;

}

Как побороть этот контейнер?

https://youtu.be/cWH7hcFmxCg

заменить событие на "mouseenter", оно не всплывает

строка 7

event: "mouseenter"

j0hnik, спасибо, вроде работает!

А как сделать, чтобы на экранах с шириной меньше 761, аккордеон раскрывался по event: "click", а с большей шириной по mouseenter
?
Попробовал так. Не выходит. Что я упустил?
https://jsfiddle.net/PlayboyZP/9bhkzp1m/