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 5d6b2f3d3..09c6488a5 100644
--- 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 793ea86cd..91103b1c4 100644
--- 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')
   })
 })()