Открыть меню из двух разных кнопок

Question

Я дизайнер с некоторым опытом программирования, но мой JS очень плохой.

Я использую код Bootstrap-Offcanvas из

https://github.com/iamphill/Bootstrap-Offcanvas

и хотя это здорово, я не вижу, как открыть меню с двух разных кнопок на одной странице.

JS здесь: https://codepen.io/TMDESIGNS/pen/RygvjQ

Я пробовал это

 $("js-bootstrap-offcanvas").trigger("offcanvas.open");

Я хочу, чтобы значок поиска также открывал меню, но ничего, что я пробую, не работает

кто-нибудь может помочь?

Answer 1

Вам нужно добавить и прослушиватель событий для кнопки (которую вы хотите использовать для открытия меню). Примерно так:

const button = document.querySelector('button');

button.addEventListener('click', () => $("#js-bootstrap-offcanvas").trigger("offcanvas.open"), false);