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

[VasyOK]

Приветствую специалистов по 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

[j0hnik]

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

строка 7

event: "mouseenter"

[VasyOK]

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

[VasyOK]

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