Javascript 单击按钮后重置jQuery动画

我有一个动画设置，当你点击“打开”按钮后，动画被触发。我想做的是，当你点击“关闭”时，动画被重置，这样我可以再次点击“打开”来再次触发动画

$（“#打开”）。单击（函数（）{
//头版
$（'#first'）.css({
transformOrigin:'0px 0px'，
背面可见性：“隐藏”
}).过渡({
变换：“旋转（180度）”
}, '2000');
//头版背面
$（'#third'）.css({
transformOrigin:'0px 0px'，
}).过渡({
变换：“旋转（180度）”
}，'2000'，函数（）{
//组隐藏
$（“#组”）.hide（）；
$（“#第四”）.show（0，function（）{
$（this.css）({
transformOrigin:'0px 0px'，
背面可见性：“隐藏”
}).过渡({
变换：'rotateX（180度）'
}, '2000');
});
$（'#sixth'）.show（0，function（）{
$（this.css）({
transformOrigin:'0px 0px'，
}).过渡({
变换：'rotateX（180度）'
}, '2000');
});
$（'fifth'）.show（）；
});
});
$（“#关闭”）。单击（函数（）{
//不确定要重置什么
});
（功能（t，e）{
if（typeof define==“function”&&define.amd）{
定义（[“jquery”]，e）
}else if（导出类型==“对象”）{
module.exports=e（require（“jquery”））
}否则{
e（t.jQuery）
}
})（这是函数（t）{
t、 过境={
版本：“0.9.12”，
属性映射：{
marginLeft：“margin”，
marginRight：“margin”，
marginBottom：“保证金”，
marginTop：“保证金”，
paddingLeft：“padding”，
paddingRight:“padding”，
paddingBottom:“padding”，
paddingTop：“padding”
},
启用：对，
UseTransitionId:false
};
var e=document.createElement（“div”）；
var n={}；
功能i（t）{
如果（e.style中的t）返回t；
变量n=[“Moz”、“Webkit”、“O”、“ms”]；
变量i=t.charAt（0.toUpperCase（）+t.substr（1）；
对于（var r=0；r-1；
n、 过渡=i（“过渡”）；
n、 TransitionLay=i（“TransitionLay”）；
n、 转换=i（“转换”）；
n、 transformOrigin=i（“transformOrigin”）；
n、 过滤器=i（“过滤器”）；
n、 transform3d=r（）；
变量a={
过渡：“transitionend”，
MozTransition:“transitionend”，
OTransition：“oTransitionEnd”，
WebKittTransition:“WebKittTransitionEnd”，
msTransition:“MSTransitionEnd”
};
var o=n.transitionEnd=a[n.transition]| | null；
for（n中的变量u）{
if（n.hasOwnProperty（u）和类型t.support[u]=“未定义”）{
t、 支持[u]=n[u]
}
}
e=零；
t、 cssEase={
_默认值：“轻松”，
“在”：“轻松进入”，
出去：“放松”，
“输入输出”：“轻松输入输出”，
捕捉：“立方贝塞尔（0,1,5,1）”，
easeInCubic：“立方贝塞尔（.550、.055、.675、.190）”，
easeOutCubic：“立方贝塞尔（.215、.61、.355,1）”，
easeInOutCubic：“立方贝塞尔（.645、.045、.355,1）”，
easeincrc：“立方贝塞尔（.6、.04、.98、.335）”，
easeOutCirc：“立方贝塞尔（.075、.82、.165,1）”，
easeInOutCirc：“立方贝塞尔（.785、.135、.15、.86）”，
“立方贝塞尔（.95.05.795.035）”，
easeOutExpo：“立方贝塞尔（.19,1,22,1）”，
easeInOutExpo：“立方贝塞尔（1,0,0,1）”，
easeInQuad：“立方贝塞尔（.55、.085、.68、.53）”，
easeOutQuad：“立方贝塞尔（.25、.46、.45、.94）”，
easeInOutQuad：“立方贝塞尔（.455、.03、.515、.955）”，
easeInQuart：“立方贝塞尔（.895.03.685.22）”，
easeOutQuart：“立方贝塞尔（.165，.84，.44,1）”，
easeInOutQuart：“立方贝塞尔（.77,0,175,1）”，
“立方贝塞尔（.755.05.855.06）”，
easeOutQuint：“立方贝塞尔（.23,1,32,1）”，
easeInOutQuint：“立方贝塞尔（.86,0,07,1）”，
伊塞因辛：“立方贝塞尔（.47,0,745,715）”，
easeOutSine：“立方贝塞尔（.39、.575、.565,1）”，
easeInOutSine：“立方贝塞尔（.445.05.55.95）”，
easeInBack：“立方贝塞尔（.6、.28、.735、.045）”，
EaseAutback：“立方贝塞尔（.175、.885、.32,1.275）”，
easeInOutBack：“立方贝塞尔（.68，-.55，-.265,1.55）”
};
t、 cssHooks[“传输：转换”]={
get：函数（e）{
返回t（e）.数据（“转换”）| |新f
},
集合：功能（e，i）{
var r=i；
如果（！（r实例f））{
r=新的f（r）
}
如果（n.transform==“WebKittTransform”&&&！s）{
e、 样式[n.transform]=r.toString（真）
}否则{
e、 style[n.transform]=r.toString（）
}
t（e）.数据（“变换”，r）
}
};
t、 cssHooks.transform={
set:t.cssHooks[“transit:transform”]。set
};
t、 cssHooks.filter={
get：函数（t）{
返回t.style[n.filter]
},
集合：功能（t，e）{
t、 样式[n.过滤器]=e
}
};
如果（t.fn.jquery<“1.8”）{
t、 cssHooks.transformOrigin={
get：函数（t）{
返回t.style[n.transformOrigin]
},
集合：功能（t，e）{
t、 样式[n.transformOrigin]=e
}
};
t、 cssHooks.transition={
get：函数（t）{
返回t.style[n.transition]
},
集合：功能（t，e）{
t、 样式[n.过渡]=e
}
}
}
p（“比例”）；
p（“scaleX”）；
p（“scaleY”）；
p（“翻译”）；
p（“轮换”）；
p（“rotateX”）；
p（“rotateY”）；
p（“旋转3d”）；
p（“透视图”）；
p（“skewX”）；
p（“歪斜”）；
p（“x”，真）；
p（“y”，真）；
函数f（t）{
如果（t的类型==“字符串”）{
this.parse（t）
}
还这个
}
f、 原型={
setFromString:函数（t，e）{
var n=typeof e==“字符串”？e.split（“，”）：e.constructor==数组？e:[e]；
n、 不移位（t）；
f、 prototype.set.apply（这个，n）
},
设置：功能（t）{
var e=Array.prototype.slice.apply（参数[1]）；
if（此.setter[t]）{
this.setter[t].apply（this，e）
}否则{
$('#close').click(function() {

    $('#fifth').css({
        display:'none'
    });

    $('#sixth').css({
        display:'none'
    });

    $('#first').removeAttr('style');
});

$('#close').click(function() {
$('#first').removeAttr('style');
$('#second').removeAttr('style');
$('#third').removeAttr('style');
$('#group').removeAttr('style');
$('#fourth').removeAttr('style');
$('#fifth').removeAttr('style');
$('#sixth').removeAttr('style');
});