Skip to content

Instantly share code, notes, and snippets.

@jonmunson
Created February 11, 2015 09:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jonmunson/7658a12ae539fa0722d3 to your computer and use it in GitHub Desktop.
Save jonmunson/7658a12ae539fa0722d3 to your computer and use it in GitHub Desktop.
Foundation5 Accordion - Animate open/close with js
<script src="/bower_components/foundation/js/foundation/foundation.accordion.js"></script>
<script>
//reflow after page load
$(document).foundation('accordion', 'reflow');
//animate open/close
$(".accordion dd").on("click", "a:eq(0)", function (event) {
var dd_parent = $(this).parent();
if(dd_parent.hasClass('active')) {
$(".accordion dd div.content:visible").slideToggle("normal");
} else {
$(".accordion dd div.content:visible").slideToggle("normal");
$(this).parent().find(".content").slideToggle("normal");
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment