Random Child

by Mike Branski

This jQuery plugin shows a random child of the selector. To use this plugin, include jquery.randomchild.js and call the randomChild() method.

Usage

<script type="text/javascript">
  $(document).ready(function(){
    $('.random').randomChild();
  });
</script>

Example

The follow list contains 10 items, but only one item is visible at a time. Try refreshing the page to see them change.

• Item #1
• Item #2
• Item #3
• Item #4
• Item #5
• Item #6
• Item #7
• Item #8
• Item #9
• Item #10

Note: The selector does not have to be a list! This should work on any element with children.

Suggestions

The follow is a list of features I plan to add.

• Accept an argument for the number of children to display
• Accept a start/end range to select from, and a display out side of range parameter that would determine if items outside of the given range are visible or not
• Accept visible item(s) class name parameter to apply to visible element(s)