# jQuery EasyUI Layout - Creating an Accordion
In this tutorial, you will learn about the easyui Accordion. An Accordion contains a series of Panels. The headers of all Panels are visible, but only the body content of one Panel is displayed at a time. When a user clicks on a Panel's header, that Panel's body content becomes visible, while the body content of other Panels is hidden.
!(#)
We will create three Panels, with the third Panel containing a Tree Menu.
Accordion for jQuery
Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.
easyui help you build your web page easily
## Download jQuery EasyUI Example
[jeasyui-layout-accordion.zip](#)
YouTip