imagineeasy-ng-accordion

0.1.1 • Public • Published

ng-accordion

Simple accordion directive for use in Angular apps.

Usage

<div class="myFirstAccordion"
	 ng-accordion
	 toggler-selector=".toggler"
	 section-selector=".section"
	 active-class="active"
	 one-at-a-time="false"
	 init-open-section=".two">
	<div class="section zero">
		<div class="toggler">Toggle!</div>
		<div class="content">Zero Content!</div>
	<div>
	<div class="section one">
		<div class="toggler">Toggle!</div>
		<div class="content">One Content!</div>
	<div>
	<div class="section two">
		<div class="toggler">Toggle!</div>
		<div class="content">Two Content!</div>
	<div>
	<div class="section three">
		<div class="toggler">Toggle!</div>
		<div class="content">Three Content!</div>
	<div>
</div>

Options

toggler-selector: the selector for the toggle button. (Default .ng-accordion-toggler)

section-selector: the selector the sections. (Default .ng-accordion-section)

active-class: Name of the active class. (Default ng-accordion-active)

one-at-a-time: Set to false if you don't want the sections to open one at a time. (No Default)

init-open-section: Selector for inital section(s) to have open. (No Default)

Package Sidebar

Install

npm i imagineeasy-ng-accordion

Weekly Downloads

2

Version

0.1.1

License

Apache-2.0

Last publish

Collaborators

  • till