javascript - jquery如何点击切换,如何判断动画结束?
John Lennon
John Lennon 2017-04-11 10:32:26
0
3
486
  1. jquery 点击切换如何做,就是如果点击两次同一个panel,就会恢复原来的样子

  2. 我想实现的效果是如果点击同一个元素的话就恢复flex:1?

  3. 能不能用 "transitionend"事件代替settimeout,为什么我使用transitionend不起作用?

See the Pen NbEQZr by liuestc (@liuestc) on CodePen.


Hey

Let's

Dance

Give

Take

Receive

Experience

It

Today

Give

All

You can

Life

In

Motion

John Lennon
John Lennon

人生最曼妙的风景,竟是内心的淡定与从容!

모든 응답 (3)
Ty80
$("el").toggle() $("el").toggleClass()

这两个能实现吗?

    洪涛
    $(".panel").on("click",function(e){ $(this).siblings().removeClass("open active"); $(this).addClass("open"); }); $(".panel").on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",function(){ if($(this).hasClass('open')){ $(this).addClass("active"); } });

    这个满足你的需求。

    PS:改了下,这样至少 IE 里不会严重错误。

      Peter_Zhu

      你的代码具体就不看了,回答一下你的第二个问题:

      http://www.runoob.com/jsref/e...

      // Safari 3.1 到 6.0 代码 document.getElementById("myp").addEventListener("webkitTransitionEnd", myFunction); // 标准语法 document.getElementById("myp").addEventListener("transitionend", myFunction);

      所以,其他浏览器,以及 jQuery 写法自己补一下哈

        최신 다운로드
        더>
        웹 효과
        웹사이트 소스 코드
        웹사이트 자료
        프론트엔드 템플릿
        회사 소개 부인 성명 Sitemap
        PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!