Jquery ui 单击Jquery UI面板调整大小

我正在使用Jquery Ui面板。（[）

加载应用程序时，一切正常，如可折叠、可拖动等

但我想在单击某些链接时使面板可折叠。例如：

此代码将在加载表单时运行

$('#myNews').panel({
    'collapsible' :true,
    'stackable':false,
 });

html

<div  class="panel" id="myNews" >
<h3>Poll</h3>
<div>Some content</div>
</div>

代码运行时没有任何错误，但单击“#click1”链接时“#myNews”不会受到影响

需要帮忙吗

提前感谢

如果您阅读了该小部件，那么您所做的似乎只是用于创建面板，而不是在以后修改面板

底层软件要么有缺陷，要么我不理解。因此您必须查找一些缺陷，但您可以在该小部件上使用“销毁”方法完全重置div，然后将其重新设置为面板，如下所示：

$('#myNews').panel("destroy");
$('#myNews').panel(...

---

正如我所说的，这是一个错误，或者我不太明白-销毁调用引发了一个错误，您必须捕获该错误，随后创建新面板的调用确实会生成面板，但它们并不完全正确。

我是ist ui面板的幕后操纵者，Jesse是对的-到目前为止，您唯一的方法是使用类似于以下内容的“销毁”方法：

$(document).ready(function(){
    $('#click1').bind({
        'click': function() {
            $('#myNews').panel('destroy');
            $('#myNews').panel({
                'collapsible' :true,
                'collapseType':'slide-right',
                'stackable':true
            });
        }
    });


    $('#click2').bind({
        'click': function() {
            $('#myNews').panel('destroy');
            $('#myNews').panel({'collapsible': false});
        }
    });
});

请注意，在创建新面板之前，应明确销毁以前的面板

$(document).ready(function(){
    $('#click1').bind({
        'click': function() {
            $('#myNews').panel('destroy');
            $('#myNews').panel({
                'collapsible' :true,
                'collapseType':'slide-right',
                'stackable':true
            });
        }
    });


    $('#click2').bind({
        'click': function() {
            $('#myNews').panel('destroy');
            $('#myNews').panel({'collapsible': false});
        }
    });
});