$("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 里不会严重错误。

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

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

// Safari 3.1 到 6.0 代码
document.getElementById("myp").addEventListener("webkitTransitionEnd", myFunction);

// 标准语法
document.getElementById("myp").addEventListener("transitionend", myFunction);

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