Bootstrap Collapse won't collapse

Report · Jul 15, 2017

The mobile version of the bootstrap navbar opens but won't collapse when I hit the toggle button. Seems none of the Bootstrap collapsibles close the way it should. I'm using bootstrap version 3.3.7 for all the pages.

The navbar is in an includes file and it works on it's own here, but when I include it on another page the navbar mobile version doesn't collapse.

Here's the link: Supreme Fireplaces

Markup: [PHP] <!DOCTYPE html> <html lang="en"><head> <meta charset="utf-8"> <meta http - Pastebin.com

Thanks,

Brandon

Report · Jul 16, 2017

You have called the jQuery library twice and well

line #32
line #323

You have also called the scroll to top function twice.

This is very confusing for any jQuery plugin such as Bootstrap.

My advice is to delete line #32 and lines #36 - #42

Wappler, the only real Dreamweaver alternative.

Report · Jul 16, 2017

You need to go through that code and clean up all the duplicate calls to jquery, bootstrap, your own css files etc. It's a mess as it currently stands. These duplicated links are as a result of them being in your 'include' files, which I informed you of in an earlier post, they should not be in the include files.

You should not have anything more than the following files linked to that page: Your mobile menu will then work.

CSS:

JS:

$(function() {

//Initialize filterizr with default options

$('.filtr-container').filterizr();

});

</script>

$("a[href='#top']").click(function() {

$("html, body").animate({ scrollTop: 0 }, "slow");

return false;

});

</script>

Report · Jul 16, 2017

Thanks that did it! I will clean up all the duplicates.

The reason the duplicates appear is because of the includes, if I have 2 separate files both needing similar dependencies, how should that be handled because if I don`t link those I can`t see how the file behaves when i open and edit them in Dreamweaver...

Brandon

Report · Jul 16, 2017

brandonw6890098 wrote
Thanks that did it! I will clean up all the duplicates.
The reason the duplicates appear is because of the includes, if I have 2 separate files both needing similar dependencies, how should that be handled because if I don`t link those I can`t see how the file behaves when i open and edit them in Dreamweaver...
Brandon

Keep a browser window open showing the complete page code, edit the include files in DW, without any presentation and save it, re-fresh the browser window that's open with the complete code in it.

Mostly the include file code will be completed while still in the main page before you move it into the include file, so you should only be doing minor tweaks in the include file. If you have to do a complete rewrite or some major changes bring the code back into the main page and work on it until such time as its complete or nearly complete then dump it back into the include file.

Find a workflow that suits you best.

Report · Jul 16, 2017

Great I've always wondered how that was handled. Thanks guys for all the help!

Brandon

Adobe Community

Bootstrap Collapse won't collapse

1 Correct answer