Fix offcanvas example, using a custom trigger selector (#33926)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/site/content/docs/5.0/examples/offcanvas-navbar/index.html b/site/content/docs/5.0/examples/offcanvas-navbar/index.html
index 5d6b2f3d3ccf98f439ddf256dab332946e4a3ed0..09c6488a523df8c10761889bc338f34966fc5bb4 100644 (file)
--- a/site/content/docs/5.0/examples/offcanvas-navbar/index.html
+++ b/site/content/docs/5.0/examples/offcanvas-navbar/index.html
@@ -12,7 +12,7 @@ aliases: "/docs/5.0/examples/offcanvas/"
 <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark" aria-label="Main navigation">
   <div class="container-fluid">
     <a class="navbar-brand" href="#">Offcanvas navbar</a>
-    <button class="navbar-toggler p-0 border-0" type="button" data-bs-toggle="offcanvas" aria-label="Toggle navigation">
+    <button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
 

diff --git a/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.js b/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.js
index 793ea86cd33a3dd776ade0caf8f7b339924119d4..91103b1c4e4f3a899ad0d4274629f937e52c437f 100644 (file)
--- a/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.js
+++ b/site/content/docs/5.0/examples/offcanvas-navbar/offcanvas.js
@@ -1,7 +1,7 @@
 (function () {
   'use strict'
 
-  document.querySelector('[data-bs-toggle="offcanvas"]').addEventListener('click', function () {
+  document.querySelector('#navbarSideCollapse').addEventListener('click', function () {
     document.querySelector('.offcanvas-collapse').classList.toggle('open')
   })
 })()