easyui-panel expand when click header

[MSAG]

Code Not work
can any one help me


    <div id="pid" class="easyui-panel" style="width:300px;height:200px" data-options="iconCls:'icon-save',collapsible:true,minimizable:true,maximizable:true,closable:true"         title="My Panel">
    </div>
    <script type="text/javascript">
        var p = $('#pid');
        p.panel('header').click(function () {
            if (p.panel('options').collapsed) {
                p.panel('expand', true);
            } else {
                p.panel('collapse', true);
            }
        });
    </script>

[spider58]

Code Not work
can any one help me


    <div id="pid" class="easyui-panel" style="width:300px;height:200px" data-options="iconCls:'icon-save',collapsible:true,minimizable:true,maximizable:true,closable:true"         title="My Panel">
    </div>
    <script type="text/javascript">
        var p = $('#pid');
        p.panel('header').click(function () {
            if (p.panel('options').collapsed) {
                p.panel('expand', true);
            } else {
                p.panel('collapse', true);
            }
        });
    </script>

you can do that with click an icon. please check this page.

https://www.jeasyui.com/demo/main/index.php?plugin=Panel&theme=material-teal&dir=ltr&pitem=&sort=asc

You can find sampe code at "Panel Tools" link