https://github.com/jpdevries/bonsai

Responsive jQuery Tree
https://github.com/jpdevries/bonsai

Last synced: 8 months ago
JSON representation

Responsive jQuery Tree

• Host: GitHub
• URL: https://github.com/jpdevries/bonsai
• Owner: jpdevries
• Created: 2013-05-20T04:34:53.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2016-01-20T15:22:36.000Z (about 10 years ago)
• Last Synced: 2024-11-22T01:42:01.255Z (over 1 year ago)
• Language: CSS
• Size: 917 KB
• Stars: 6
• Watchers: 4
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
bonsai.js

======

Responsive jQuery tree for you and me. [View the demo](http://jpdevries.github.io/Bonsai/demo).

![](http://f.cl.ly/items/1W2q2812102E340e032d/Screen%20Shot%202013-08-23%20at%209.51.27%20PM.png)

## Getting Started

### Formatting HTML

Using Bonsai is easy as long as you feed it correctly formmated markup to consume. By default, each expandable item should have a 'folder' class, contain atleast one anchor tag and optionally have child folders.

Each anchor tag should have the i tags displayed below and contain a title.

```html

    


        


          


            Templates

            


              


                Navigation

                


                  
header

                  
footer

                  
navigation

                  
main-nav

                  
footer-open

                  
footer-close

                  
wrapper

                  
body-content

                

              

            

          

          


            Fields

            


              


                Product

                


                  
Price

                  
Inventory

                

              

            

          

          


            Snippets

            


              


                getResources

                


                  
getResources

                

              

            

          

        

      

```


## Using the Plugin

Call the bonsai jQuery plugin like so on the element(s) of your choice:

```js

// create a new bonsai

var mytree = new $.bonsai($('.bonsai'));

````