https://github.com/interactive-pioneers/iptools-jquery-expandable-list

jQuery plugin to cut lists on page load and show more items on demand
https://github.com/interactive-pioneers/iptools-jquery-expandable-list

expandable jquery list

Last synced: 6 days ago
JSON representation

jQuery plugin to cut lists on page load and show more items on demand

• Host: GitHub
• URL: https://github.com/interactive-pioneers/iptools-jquery-expandable-list
• Owner: interactive-pioneers
• License: gpl-3.0
• Created: 2015-07-01T12:00:05.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-09T13:21:54.000Z (over 7 years ago)
• Last Synced: 2024-12-16T04:07:41.436Z (18 days ago)
• Topics: expandable, jquery, list
• Language: JavaScript
• Homepage:
• Size: 79.1 KB
• Stars: 0
• Watchers: 14
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# iptools-jquery-expandable-list [![Build Status](http://img.shields.io/travis/interactive-pioneers/iptools-jquery-expandable-list.svg)](https://travis-ci.org/interactive-pioneers/iptools-jquery-expandable-list)

jQuery expandable list plugin

## Features

Show only a defined number of list elements on page load and more on demand.

## Requirements

- jQuery 1.11.3 or greater

## Example

```html



  
Item 1

  
Item 2

  
Item 3

  
Item 4

  
Item 5



  $(document).ready(function() {

    $('.list').iptExpandableList({

      visibleItems: 3

    });

  });

```

## Options

Name                | Default                    | Type    | Description

:-------------------|:---------------------------|:--------|:-----------

visibleItems        | `5`                        | int     | Number of initially visible items

showMoreButtonLabel | `Show more`                | string  | Label of show more button

showLessButtonLabel | `Show less`                | string  | Label of show less button

showMoreButtonClass | `button--show-more`        | string  | Class of show more button

showLessButtonClass | `button--show-less`        | string  | Class of show less button

initializedClass    | `initialized`              | string  | Class added to element after initialization

animationDuration   | `500`                      | int     | Animation speed in miliseconds.

## Licence

Copyright © 2015-2017 Interactive Pioneers GmbH. Licenced under [GPL-3](LICENSE).