Explr – jQuery Simple Tree Plugin (Navigation)

Demo

See it live here: http://amatyr4n.com/codecanyon/explr

IE Temporary Fix

Download from http://amatyr4n.com/codecanyon/explr/jquery.explr.ie.css Then, add in head tag:

    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="jquery.explr.ie.css" />
    <![endif]-->

Description

Explr is a jQuery plugin that will create a simple tree from a normal menu list with ul-li-a pattern into a hierarchical tree by simply call explrTree() function in javascript section

    $('#tree').explrTree();

Features

  • Simple and lightweight (1.4KB minified JS + 5KB CSS )
  • Menu items could be set to start expanded/collapsed
  • 50+ custom icons ready for individual/multiple menu item(s)
  • Supports AJAX contents to be loaded from each menu item’s href destination
  • Content-safe when no JavaScript, as it requires only semantic markups: ul, li, a
  • Styling is customizable via CSS

Changelog

  • Version 1.0 (6 Nov 2010)
    • First version released

Credits

  • jQuery JavaScript library from jQuery
  • Stuttgart icon set from PC.DE

Download Explr – jQuery Simple Tree Plugin (Navigation)

Leave a Reply

Your email address will not be published. Required fields are marked *