Jquery Toggle button doesn't close

[LGMTL]

I have a mobile menu with a jquery toggle button here that works as it should but when "included" into this web page, the toggle button doesn't close (on mobile). It opens but the button and submenus do not collapse.

I have different css, javascript and bootstrap elements in the webpage where the navbar was included so I suspect it's a conflict with one of those but was wondering which, I tried removing them one by one but it seems to cause more problems so just wanted to know which of those to focus on. 

Here's the markup of the web page.

Here's the markup of the navbar.

Brandon

[Nancy OShea · Accepted solution]

Why not revert to the working page as your template?

Incidentally, you have code errors on the non-working page.  When things stop working, always check your code for errors.

Nancy

[LGMTL]

Thanks for your reply.  The working page is a navbar which I'll be including into all the pages which is why it needs to be separate but if you're asking why not base if from the working template it's because once I start adding in the elements the template breaks, which is why I'm trying to isolate the problem.  I'm guessing it's a conflict from another embedded script or css file but not sure which.  The errors have been corrected but it still catches the "includes" files as an error for some reason, even though it's saved as PHP. 

I'll try again to remove the embedded scripts one by one to see what exactly breaks it.