Looks like you have added different versions of bootstrap, which is making issue.
just remove the latest version(4.1.1) marked in yellow.You need to remove both .css and .js and it will work.
Solution 1 :
Solution 2 :
I have checked the above link and it’s working after changing the bootstrap version from 3.4.1 to 4.1.3.
It looks like a bootstrap version issue.
You have added both the version of bootstrap(v3.4.1 and v4.1.1) as you can see below code
Please do the following changes:
From:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
To :
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
Problem :
Hello I use bootstrap multicollapse but it does not work on my heroku web page!
Comments
Comment posted by Parth Raval
Please add your work(code snippet). so we can check where is the issue?
Comment posted by sumeshsn1
@Z.Dubeau glad it helped 😉