title: Bootstrap 4 Navigation Sidebar
body: <p>I've been trying to implement a navigation sidebar in Bootstrap 4 which is toggled on or off, as demonstrated here:</p>
  
  <p><a href="https://www.codeply.com/go/Tp24nX8DNz" rel="nofollow noreferrer">https://www.codeply.com/go/Tp24nX8DNz</a></p>
  
  <p>Everything works fine however I can't seem to figure out why there is an initial delay when the toggle button is clicked to display the sidebar. The delay isn't there when clicking the toggle again to hide the sidebar.</p>
  
  <p>I've tried setting transition-delay to 0 in the sidebar but that doesn't seem to make any difference.</p>
  
  <p>Any ideas?</p>