How to close collapse in bootstrap 5 on click?

Question

JavaScript

There is a regular collapse (I have it coming out from below). It overlays my modal window, and therefore I want to hide collapse first before opening the window.
How to properly use closure methods in new bootstrap 5?

$("#auth").on("click", function () {
    $('#offcanvasBottom').hide();
    Fancybox.show([{ 
        dragToClose: false,
        src: "#authmodal", 
        type: "inline",
    }]);
});

Не срабатывает. И да, у меня подключен jquery..

Answer 1

This is offcanvas, not collapse

$("#auth").on("click", function () {
  ... 
  let myOffcanvas = document.getElementById('offcanvasBottom'); //jquery - $('#offcanvasBottom')[0]
  let bsOffcanvas = new bootstrap.Offcanvas(myOffcanvas);
  bsOffcanvas.hide();
  ... 
});