EasyUI系列学习(十一)-Accordion(分类)

<div class="easyui-accordion" style="width:300px;height:200px">
    <div title="accordion1">accordion1</div>
    <div title="accordion2">accordion2</div>
    <div title="accordion3">accordion3</div>
</div>

<div id="acdn" style="width:300px;height:200px">
    <div title="accordion1">accordion1</div>
    <div title="accordion2">accordion2</div>
    <div title="accordion3">accordion3</div>
</div>
<script>
    $(function () {
        $("#acdn").accordion({});
    });
</script>

<div id="acdn">
    <div title="accordion1">accordion1</div>
    <div title="accordion2">accordion2</div>
    <div title="accordion3">accordion3</div>
</div>
<script>
    $(function () {
        $("#acdn").accordion({
            width: 300,
            height: 200,
            border: true,
            //fit:true,
            //animate:true,
            //同时展开多个面板
            multiple: true,
            selected: 1
        });
    });
</script>

<div id="acdn">
    <div title="accordion1">accordion1</div>
    <div title="accordion2">accordion2</div>
    <div title="accordion3">accordion3</div>
</div>
<script>
    $(function () {
        $("#acdn").accordion({
            width: 300,
            height: 200,
            onSelect: function (title, index) {
                console.log(title + "," + index);
            },
            onUnselect: function (title, index) {
                console.log(title + ":" + index);
            },
            onAdd: function (title, index) {
                console.log(title + ":" + index);
            },
            onBeforeRemove: function (title, index) {
                console.log(title + ":" + index + "前");
            },
            onRemove: function (title, index) {
                console.log(title + ":" + index + "后");
            },
        });
    });
</script>