Javascript 引导scrollspy，希望在下拉列表上显示超链接，以显示锚定标记和容器中需要显示的相应内容

嗨，我对使用引导scrollspy的要求不同，因为我们默认使用下拉切换锚定标记的功能

我的导航是顶级修复，具有以下结构

Home   - [ Home text matter]
About  - [ About text matter]
  |-- Mission -------- [ About Mission text matter]
  |-- Vision -------- [ About Vision text matter]
  |-- Team -------- [ About Team matter]
Product - [ Product text matter]
  |-- Product 1 -------- [ Product 1 text matter]
  |-- Product 2 -------- [ Product 2 text matter]

**根据默认引导，我无法将#about和#product放入导航，如果我这样做，那么我的scrollspy就无法工作**

我想将#about和#product添加到导航中，以便显示各自的内容。当我在“关于”和“产品”主菜单上进行鼠标悬停时，子菜单选项也会显示在导航中

此外，根据上述要求，如果我在手机上访问我的菜单，则需要显示关于->关于内容和关于子菜单上的第一个选项卡，并在关于->关于子菜单上的第二个选项卡上消失。产品菜单标签也需要相同的操作

https://jsfiddle.net/animatorstar/tgaa5agL/7/