Foundation Accordion Menu

I am having some issues creating accordion menus with Zurb’s Foundation framework. whenever I click one of the dropdowns, nothing happens. If I give one of the li a class of “is-active” nothing happens except for the plus changes to a minus.
<ul class="accordion" data-accordion> <li class="accordion-item is-active" data-accordion-item id="element"> <a href="#" class="accordion-title" id="element">Accordion 1</a> <div class="accordion-content" data-tab-content> <p>Data</p> <a href="#">Link 1</a> </div> </li> <li class="accordion-item" data-accordion-item> <a href="#" class="accordion-title">Accordion 1</a> <div class="accordion-content" data-tab-content> <p>Data</p> <a href="#">Link 1</a> </div> </li> <li class="accordion-item" data-accordion-item role="tablist"> <a href="#" class="accordion-title">Accordion 1</a> <div class="accordion-content" data-tab-content> <p>Data</p> <a href="#">Link 1</a> </div> </li> </ul>
This is my code, I have the cdn links for both jquery and foundations js file. Any help is greatly appreciated!