Javascript 尝试将ExpandCollapse创建为自己的模块和独立JS文件
如何创建这个ExpandCollapse.js,如下所示,作为它自己的模块和独立的js文件?我想从页面上加载的单独文件中调用它。我只是希望javascript文件采用面向对象的方式。希望有人能带我走过这个过程Javascript 尝试将ExpandCollapse创建为自己的模块和独立JS文件,javascript,Javascript,如何创建这个ExpandCollapse.js,如下所示,作为它自己的模块和独立的js文件?我想从页面上加载的单独文件中调用它。我只是希望javascript文件采用面向对象的方式。希望有人能带我走过这个过程 YUI().use('anim', function (Y) { var onClick = function (e) { var expandAnswer = e.currentTarget.next('.expand'); e.currentTarget
YUI().use('anim', function (Y) {
var onClick = function (e) {
var expandAnswer = e.currentTarget.next('.expand');
e.currentTarget.toggleClass('open');
var content = new Y.Anim({
node: expandAnswer,
from: {
height: 1
},
to: {
height: function (node) { // dynamic in case of change
return node.get('scrollHeight'); // get expanded height
}
},
easing: Y.Easing.easeOut,
duration: 0.5
}).set('reverse', !e.currentTarget.hasClass('open')).run();
};
Y.all('.questions_subdiv > div ').on('click', onClick);});