Collapsers

Snippets

	<!-- Collapser . Start -->
	<div class="collapser">

		<!-- Collapser . Title . Start -->
		<div class="title">
			<icon class="ff_basekitsymbols">o</icon>
			<string class="pt">Title</string>
		</div>
		<!-- Collapser . Title . End -->

		<!-- Collapser . Content . Start -->
		<div class="content"></div>
		<!-- Collapser . Content . End -->

	</div>
	<!-- Collapser . End -->
	
Options
Type Value
Status none, 'closed'
Type Name Value
callback data-callback-initialize function Triggers on initialization
callback data-callback-close function Triggers on closing
callback data-callback-open function Triggers on opening
callback data-callback-hover function Triggers on hover
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
callback data-callback-title_hover function Triggers on title hover
callback data-callback-title_click function Triggers on title click
callback data-callback-content_hover function Triggers on content hover
Methods

	// Scan collapsers
	basekit.components.collapsers.scan(scope);
	
Parameters Value
scope null element

	// Initialize collapsers
	basekit.components.collapsers.initialize(scope);
	
Parameters Value
scope null container collapser(s)

	// Close collapsers
	basekit.components.collapsers.close(scope);
	
Parameters Value
scope null container collapser(s)

	// Open collapsers
	basekit.components.collapsers.open(scope);
	
Parameters Value
scope null container collapser(s)

	// Toggle collapsers
	basekit.components.collapsers.toggle(scope);
	
Parameters Value
scope null container collapser(s)

	// Refresh collapsers
	basekit.components.collapsers.refresh(scope);
	
Parameters Value
scope null container collapser(s)
Default
o Title

Lorem ipsum

Lorem ipsum

  • Item 1
  • Item 2
  • Item 3