上篇比较了spry与idtabs,这次试试spry与jquery ui的互转，结果是perfect!

参照css彻底研究的12.5 伸缩面板，将其例子拿来·

然后参照jquery ui 文档http://docs.jquery.com/UI/Accordion

发现居然不需要改任何html结构,

只要这样：

$(function() {
        var ops = {
            header:'div.AccordionPanelTab', //指定header选择器
            event:'mouseover' //指定事件
        };
        $( "#Accordion1" ).accordion(ops);
    });

因为spry和jquery ui accordion都是要求折叠项标题和内容紧邻，所以他们没有结构上的要求区别。

但是有一点，如果使用了jquery-ui的样式,则会覆盖设计好的样式，所以前提是不引用jquery-ui的样式,这样比较的话还是spry方便些了。

so, it is perfect!