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

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

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