Topic: Accordion not openning
My accordion isn't working. I have entered all code form the page, a url to look at. I also could not create a snippet and included to error from your page.
*Expected behavior*Should open
Actual behavior*Does not open*Resources (screenshots, code snippets etc.)
Getting this also when trying to create a snippet "414 Request-URI Too Large - nginx/1.17.6"
url: http://test.primarysolutions.org/locationpage.html
<!DOCTYPE html>
Oregon's North Coast Craft Beer Trail
ONCCBT
<!-- Links -->
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<!-- Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
</ul>
<!-- Links -->
<form class="form-inline">
<div class="md-form my-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
</div>
</form>
Hondos Brew and Cork Put an address in here somewhere
Collapsible Group Item #1 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Collapsible Group Item #2 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. Collapsible Group Item #3 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
<!-- Footer Elements -->
<div class="container">
<div class="row">
<div class="col-md-4">
<h5 class="font-weight-bold mb-0">Oregon Coast Beer</h5>
</div>
<div class="col-md-4">
<ul class="list-unstyled d-flex justify-content-center mb-0 mt-2 text-uppercase">
<li>
<a class="mx-3" role="button">About</a>
</li>
<li>
<a class="mx-3" role="button">Blog</a>
</li>
<li>
<a class="mx-3" role="button">Policy</a>
</li>
<li>
<a class="mx-3" role="button">Contact</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-unstyled d-flex justify-content-end mb-0 mt-2">
<li>
<a class="mx-3" role="button"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a class="mx-3" role="button"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a class="mx-3" role="button"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!-- Footer Elements -->
Resolved ****The script in the snippet was pointing to:
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
But this was not included as a file in the MDB download. I changed it to:
<script type="text/javascript" src="js/jquery.min.js"></script>
And it now works!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.14.1
- Device: PC
- Browser: Chrome
- OS: Windows 10 pro
- Provided sample code: No
- Provided link: Yes