jQuery EasyUI折りたたみパネルaccordionの使用例
1、折り畳みパネル領域divにclass="easyui-accordion"2、領域に複数のdivを追加し、各divは1つのパネルである(各パネルはtitle属性を設定しなければならない).3、パネル属性fitをtrueに設定し、親コンテナサイズに適応する
<html>
<head>
<meta charset="UTF-8">
<title>easyui- accordion title>
<script type="text/javascript" src="../js/jquery-1.8.3.js">script>
<link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../css/default.css">
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js">script>
head>
<body class="easyui-layout">
<div data-options="region:'north',title:' - Java !'" style="height:100px">div>
<div data-options="region:'west',title:' '" style="width:200px">
<div class="easyui-accordion" data-options="fit:true">
<div data-options="title:' '"> div>
<div data-options="title:' '"> div>
div>
div>
<div data-options="region:'center',title:' '">div>
<div data-options="region:'east',title:' '" style="width:100px">div>
<div data-options="region:'south',title:' '" style="height:100px">div>
body>
html>