仅当div高度为0(动画)而不是

时间:2017-08-17 15:44:41

标签: javascript jquery

例如,我只有一个简单的html:

<div class="visible_div">My Div</div>
<div class="invisible_div">Now you can see me!</div>
<div class="button">My Button</div>

我使用以下代码来隐藏div&#34; visible_div&#34;从也许&#34; 500px&#34; (只是一个示例值)到&#34; 0px&#34;只能通过addClass(我想使用css方式)。 CSS转换可能需要0.3秒。

JS:

$(".button").click(function(){   
    $(".visible_div").addClass("hide");
});

CSS:

.visible_div {
  height: 500px
  transition: height 0.3s;}

.visible_div.hide {
  height: 0px}

所以,如果div的高度&#34; visible_div&#34;是&#34; 0&#34;我将运行以下脚本,但不是之前!

$(".invisible_div").addClass("show");

我的问题:我如何检查,如果div&#34; visible_div&#34;在js脚本内没有延迟,等待css动画不再可见?

1 个答案:

答案 0 :(得分:3)

订阅if let orientationArray = Bundle.main.infoDictionary?["UISupportedInterfaceOrientations"] as? [String] { // Your Code here } 活动:

transitionend