layout do jQuery EasyUI - criar um painel recolhido
Neste tutorial, você vai aprender sobre easyui dobrar o painel conhecimento (acordeão). painel de dobramento (Acordeão) contém uma série de painel (painel). Todos os painéis (painel) da cabeça (header) é visível, mas apenas uma vez um painel de display (painel) do conteúdo do corpo. Quando o usuário clica no painel (painel) da cabeça (header) quando o painel (painel) do conteúdo do corpo será visível, enquanto o outro painel (painel) vai esconder o conteúdo do corpo não é visível.
Vamos criar três painéis (painel), o terceiro painel (painel) contém um menu árvore.
<Div class = "easyui-acordeão" style = "width: 300px; height: 200px;"> <Title Div = "sobre o acordeão" iconCls = estilo "icon-ok" = "overflow: auto; padding: 10px;"> <H3 style = "color: # 0099FF;"> Acordeão por jQuery </ h3> <P> Acordeão é uma parte do quadro easyui para jQuery. Ele permite que você defina o seu componente acordeão na página web com mais facilidade. </ P> </ Div> <Div title = "Sobre easyui" iconCls = "icon-reload" selecionado = "true" style = "padding: 10px;"> easyui ajudá-lo a construir sua página da web facilmente </ Div> <Div title = "menus"> <Ul id = "TT1" class = "easyui-árvore"> <Li> <Span> Folder1 </ span> <Ul> <Li> <Span> Sub Pasta 1 </ span> <Ul> <Li> <span> Arquivo 11 </ span> </ li> <Li> <span> Arquivo 12 </ span> </ li> <Li> <span> Arquivo 13 </ span> </ li> </ Ul> </ Li> <Li> <span> Arquivo 2 </ span> </ li> <Li> <span> Arquivo 3 </ span> </ li> </ Ul> </ Li> <Li> <span> File2 </ span> </ li> </ Ul> </ Div> </ Div>