## Basic Accordion

Click on panel header to show its content.

### Accordion for jQuery

Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.

The accordion allows you to provide multiple panels and display one or more at a time. Each panel has built-in support for expanding and collapsing. Clicking on a panel header to expand or collapse that panel body. The panel content can be loaded via ajax by specifying a 'href' property. Users can define a panel to be selected. If it is not specified, then the first panel is taken by default.

- Foods
  - Fruits
    - apple
    - orange
  - Vegetables
    - tomato
    - carrot
    - cabbage
    - potato
    - lettuce