Accordion not openning

Topic: Accordion not openning

asmiles asked 5 years ago

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 -->

Add comment

asmiles answered 5 years ago

0 0 Best answer

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!

Grzegorz Bujański staff commented 5 years ago

I'm glad you solve it yourself.

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

User: 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

About author

asmiles

164Support score
11Questions 11Answers

0Snippets likes 1Snippets