Javascript 逐步引导手风琴

我一直在做自助手风琴。我希望步骤2至5隐藏，它将显示只有当用户点击下一步。我这里有我的代码，只是jquery的新手

      $(document).ready(function() {

    var accordion = $("div.panel-group>div.panel.panel-default");
    var accordion_step = 1;

    $('.next').on('click',function(){

      if ($(accordion).hasClass('hidden')) {
          $(accordion).removeClass('hidden');
      }
      return false;
    });
  });

---

提前感谢各位。

这可能会对你们有所帮助：

$（文档）.ready（函数（）{
$（'.next'）。在（'click'，function（）上{
var currentPanel=$（this）.closest（“div.panel.panel默认值”）；
var nextPanel=currentPanel.next（）；
if（$（nextPanel）.hasClass（'hidden'））{
$（nextPanel）.removeClass（'hidden'）；
$（nextPanel）。查找（“.panel title a”）。单击（）；
}
其他的
{
$（nextPanel）。查找（“.panel title a”）。单击（）；
}
返回false；
});
});
.bs示例{
利润率：20px；
}
.隐藏{
显示器：nonoe；
}

bootstrap3手风琴示例
HTML代表超文本标记语言。HTML是描述网页结构的主要标记语言

转到下一个

Bootstrap是一个功能强大的前端框架，用于更快、更简单的web开发。它是CSS和HTML约定的集合

转到下一个

CSS代表级联样式表。CSS允许您为给定的HTML元素指定各种样式属性，例如颜色、背景、字体等

谢谢！将liitle位更改为var currentPanel=$（“div.panel-group>div.panel.panel默认值”）；你为什么要改变它？代码将因此更改而失败。我有不同的html结构，它工作正常。虽然我发现你的评论更具语义，但我还是回到了上面的原始评论。非常感谢兄弟！谢谢@V.Boulevard。。！