语义 UI 中的完全转换

Question

好吧，我在我的项目中使用语义 UI，现在我卡住了，问题是 -- 我想用转换隐藏一个元素 #header_1，在转换完成后我使用行为 onComplete 来显示另一个元素#hidden

这是我的 HTML 代码

<div id="header_1">
    <a href="#" class="ui animated inverted large button uk-margin-small-bottom" id="play">
</div>
<div id="hidden">
    Booommm!!!!
</div>

这是我的 javascript 代码

$('#play').click(function(){
    $('#header_1').transition({
        animation : 'fade',
        duration : '500ms',
        onComplete : function(){
            $('#hidden').transition({'show'});
    }
});

});

抱歉英语不好，请帮我解决这个问题

Answer 1

根据Official Documentation，您不应在转换符号中使用花括号，即您的代码应如下所示：

...
onComplete : function(){
    $('#hidden').transition('show');
}
...