Javascript 如何使手风琴滑到下一步

我正在尝试运行此手风琴，以便当您填写输入并单击按钮关闭上一步并进入下一步时。。。 并单击“上一步”按钮关闭活动步骤并转到上一步

我试图把它放在一起，但点击后没有任何行动

提前感谢您的帮助

var accordion=（函数（）{
变量$accordion=$（'.loanForm js'）；
var$accordion_header=$accordion.find（'.loanForm header js'）；
变量$accordion_item=$（'.loanForm item js'）；
//默认设置
变量设置={
//动画速度
速度:400,，
//如果为true，则关闭所有其他手风琴项目
oneOpen:错误
};
返回{
//传递可配置对象文本
初始化：函数（$settings）{
$accordion_header.on（'click'，function（）{
手风琴.拨动（$（此））；
});
$.extend（设置，$settings）；
//如果oneOpen为true，请确保只有一个手风琴处于活动状态
如果（settings.oneOpen&&$（'.loanForm item js.active'）。长度>1）{
$（'.loanForm item js.active:not（：first））.removeClass（'active'）；
}
//展示手风琴的主体
$（'.loanForm item js.active'）.find（'>.loanForm body js'）.show（）；
},
切换：函数（$this）{
if（settings.oneOpen&&$this[0]！=$this.closest（'.loanForm js'）.find（'>.loanForm-item-js.active>.loanForm header js'）[0]）{
$this.closest（“.loanForm js”）
.find（“>.loanForm item js”）
.removeClass（'活动'）
.find（“.loanForm body js”）
.slideUp（）
}
//显示/隐藏单击的手风琴项目
$this.closest（'.loanForm item js'）.toggleClass（'active'）；
$this.next（）.stop（）.slideToggle（设置.速度）；
}
}
})();
$（文档）.ready（函数（）{
手风琴({
速度:300,，
真的吗
});
});
.loanForm包装器{
宽度：100%；
位置：相对位置；
保证金：0；
填充：0；
显示器：flex；
证明内容：之间的空间；
弯曲方向：行；
}
.loanForm表单内容{
宽度：70%；
位置：相对位置；
}
.loanForm详细信息内容{
宽度：30%；
位置：相对位置；
}
.loanForm绝对位置{
位置：绝对位置；
排名：0；
左：0；
}
.loanForm位置固定{
宽度：330px；
位置：固定；
填充：0；
显示器：flex；
z指数：100；
弯曲方向：立柱；
}
.loanForm详细信息框{
宽度：100%；
填充：10px；
保证金：0；
背景：橙色；
}
.loanForm详细信息{
填充：7px 10px；
显示器：flex；
证明内容：之间的空间；
}
.长角虫{
字体大小：16px；
宽度：100%；
}
.loanForm标题，
.长形虫体{
背景：白色；
}
.loanForm标题{
填充：1.5em 1.5em；
背景#fdd365；
颜色：#353353；
/*光标：指针*/
字体大小：.7em；
字母间距：.1米；
过渡：全部3秒；
文本转换：大写；
}
.loanForm项。loanForm项{
边框底部：1px实心rgba（0,0,0,0.08）；
}
/*.loanForm-item.active.loanForm标题：悬停{
背景#2D3D99；
位置：相对位置；
z指数：5；
光标：指针；
}
.loanForm标题：悬停{
背景#2D3D99；
位置：相对位置；
z指数：5；
}
*/
.长形虫体{
背景#F9F9FF；
颜色：#353353；
显示：无；
}
.loanForm表格{
填充：1.5em 1.5em；
字体大小：.85em；
}
.loanForm项。活动：最后一个子项。loanForm头{
边界半径：无；
}
.loanForm:first child>.loanForm item>.loanForm header{
边框底部：1px实心透明；
}
.图标：：之后{
显示：无；
字体风格：普通；
字体变体：正常；
文本呈现：自动；
-webkit字体平滑：抗锯齿；
}
.loanForm项>.loanForm头：：之后{
内容：“\f078”；
字体系列：“字体真棒5免费”；
字体大小：1.2米；
变换：旋转（0度）；
过渡期：3s全部；
位置：相对位置；
顶部：-2px；
}
.fa-f077，
.fa-f078{
浮动：对；
}
/*
雪佛龙上升：f077；
V形向下：f078；
*/
.loanForm项.active>.loanForm头：：之后{
内容：“\f077”；
字体系列：“字体真棒5免费”；
变换：旋转（-180度）；
}
.loanForm-item.active.loanForm标题{
背景#FF4C60；
颜色：#F9F9FF；
}
.loanForm-item.activated.loanForm标题{
背景：#9de3d0；
颜色：#353353；
}
.loanForm项目{
边框底部：1px实心#dabd44；
}
.loanForm-item.active{
边框底部：1px实心透明；
}
.loanForm-item.activated{
边框底部：1px实心#85c9b6；
}

创建帐户
电子邮件
密码
确认密码
下一个
个人信息
这里的表单输入
上
下一个
地址
这里的表单输入
上
下一个
就业和收入
这里的表单输入
上
下一个
文件及同意书
这里的表单输入
上
下一个
总结
这里的表单输入
上
发送
给你。。您需要为
next
和
prev
按钮单击包含两个功能，并需要查找最近的next和previous
$(this).closest('.loanForm-item-js').nextAll('.loanForm-item-js:first')

$(this).closest('.loanForm-item-js').prevAll('.loanForm-item-js:first')

$('.loanForm-next').on('click', function() { ... })

$('.loanForm-prev').on('click', function() { ... })