Example: jQuery Auto-Hide Maximum Number of Bullets

This example jQuery script will automatically hide all bullet-points in a list, after the maximum number is reached. It then dynamically adds an expand/collapse link that uses the slide effect.

OL Example: Boring Ordered List

  1. List Item #1
  2. List Item #2
  3. List Item #3
  4. List Item #4
  5. List Item #5
  6. List Item #6
  7. List Item #7
  8. List Item #8
  9. List Item #9

UL Example: Experience and Recognition

UL Example: Languages



Example of dynamically adding content:

Click to Add Content to Second List

Click to Remove All But 3 Items from Second List