javascript - simpleton javascript 问题 - 如何淡入淡出

Question

我已阅读文档，但仍然有点困惑。我有以下内容:

$(document).ready(function(){
    $('#trynow').click(function(){
    $('#hiddenContent').dialog({ height: 700, width: 600, modal: true });
    });                          
});

使用 jquery UI 库来显示一个带有表单的模式框。我希望背景和模态框都能淡入或淡出，我知道有选项可以使用 jquery 和 UI 插件来做到这一点，但如果我能弄清楚什么在哪里包裹什么以及在什么中包裹什么，我就会感到困扰。

Answer 1

http://jqueryui.com/demos/dialog/ (点击右侧的动画对话框)。

$('#trynow').click(function(){
    $('#hiddenContent').dialog({
        height: 700,
        width: 600,
        modal: true,
        show: 'fade',
        hide: 'fade'
    });
});

您还可以在显示上使用与隐藏不同的动画。尝试使用 hide: 'explode'，这真的很酷。