Javascript 语义用户界面中的非完全转换

Javascript 语义用户界面中的非完全转换,javascript,html,transition,semantic-ui,Javascript,Html,Transition,Semantic Ui,嗯,我在项目中使用语义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="hidde

嗯,我在项目中使用语义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>
}))

很抱歉英语不好,请帮助我解决此问题,根据您不应在转换符号中使用大括号,即您的代码应如下所示:

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

但是“现在还有一个问题,当第一次转换没有开始时,我如何隐藏?隐藏?你应该通过CSS解决这个问题。”。只需将class='hidden'添加到#hidden div,就可以了。好的。。这是一个很棒的网站:D
...
onComplete : function(){
    $('#hidden').transition('show');
}
...