## 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 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