将按钮链接到<；部门>；在Javascript中

我正在尝试创建一个简单的测验应用程序，我被困在这个问题上我想在单击问题1时隐藏问题2，我尝试将按钮链接到a，但这不会隐藏问题。我已经将按钮2链接到了另一个页面，但这似乎不是一个理想的解决方案，因为在未来的网站将有多个问题。我试图展示的只是被点击的问题，而不是整个问题。按钮附带的JavaScript代码应该是什么，只显示所需的问题

功能进度（timeleft，timetotal，$element）{
var progressBarWidth=timeleft*$element.width（）/timetotal；
$element.find（'div'）。动画({
宽度：progressBarWidth
}html（Math.floor（timeleft/60）+“：”+timeleft%60）；
如果（时间间隔>0）{
setTimeout（函数（）{
进度（timeleft-1，timetotal$元素）；
}, 1000);
}
};
正文{
背景颜色：浅蓝色；
}
* {
框大小：边框框；
字体系列：Arial、Helvetica、无衬线字体；
}
#进度条{
宽度：90%；
利润率：10px自动；
高度：22px；
背景色：#0A5F44；
}
#进步酒吧部{
身高：100%；
文本对齐：右对齐；
填充：0 10px；
线高：22px；
/*如果希望文本中间对齐，则与#进度条高度相同*/
宽度：0；
背景色：#CBEA00；
框大小：边框框；
}
/*不考虑*/
html{
填充顶部：30px
}
a、 索林克{
位置：固定；
排名：0；
宽度：100%；
文本对齐：居中；
背景#f3f5f6；
颜色：#cfd6d9；
边框：1px实心#cfd6d9；
线高：30px；
文字装饰：无；
过渡：全部3秒；
z指数：999
}
a、 第一个字母{
文本转换：大写
}
a、 悬停{
颜色：#428bca
}
/*创建两个相邻浮动的不相等列*/
.栏目{
浮动：左；
填充：10px；
}
.左{
宽度：75%；
身高：100%；
}
.对{
宽度：25%；
身高：100%；
显示器：flex；
柔性流：行换行；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*钮扣*/
.按钮{
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：20px 20px；
文本对齐：居中；
文字装饰：无；
字号：18px；
保证金：2px2px；
光标：指针；
}

问题01
HTML的完整形式是“超文本语言”

真的
假的
问题02
HTML的完整形式是“超文本语言”

真的
假的
问题
03
04
05
06
07
08
这看起来有用吗


$（'.column.right:eq（-1）按钮'）。打开（'click'，function（）{
let index=$（this）.parent（）.index（）；
$（'.row.column.left div:eq（“+index+”））.show（）.sides（）.hide（）；
})
$（'.column.right:eq（-1）按钮：eq（0'）。单击（）
正文{
背景颜色：浅蓝色；
}
* {
框大小：边框框；
字体系列：Arial、Helvetica、无衬线字体；
}
#进度条{
宽度：90%；
利润率：10px自动；
高度：22px；
背景色：#0A5F44；
}
#进步酒吧部{
身高：100%；
文本对齐：右对齐；
填充：0 10px；
线高：22px；
/*如果希望文本中间对齐，则与#进度条高度相同*/
宽度：0；
背景色：#CBEA00；
框大小：边框框；
}
/*不考虑*/
html{
填充顶部：30px
}
a、 索林克{
位置：固定；
排名：0；
宽度：100%；
文本对齐：居中；
背景#f3f5f6；
颜色：#cfd6d9；
边框：1px实心#cfd6d9；
线高：30px；
文字装饰：无；
过渡：全部3秒；
z指数：999
}
a、 第一个字母{
文本转换：大写
}
a、 悬停{
颜色：#428bca
}
/*创建两个相邻浮动的不相等列*/
.栏目{
浮动：左；
填充：10px；
}
.左{
宽度：75%；
身高：100%；
}
.对{
宽度：25%；
身高：100%；
显示器：flex；
柔性流：行换行；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*钮扣*/
.按钮{
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：20px 20px；
文本对齐：居中；
文字装饰：无；
字号：18px；
保证金：2px2px；
光标：指针；
}

问题01
HTML的完整形式是“超文本语言”

真的
假的
问题02
HTML的完整形式是“超文本语言”

真的
假的
问题
01
02
03
04
05
06
07
08
给每个问题div一个唯一的id&一个类“hidden”，它通过css隐藏div。在一个按钮上，单击从目标div中删除“隐藏”类


功能进度（timeleft，timetotal，$element）{
var progressBarWidth=timeleft*$element.width（）/timetotal；
$element.find（'div'）。动画({
宽度：progressBarWidth
}html（Math.floor（timeleft/60）+“：”+timeleft%60）；
如果（时间间隔>0）{
setTimeout（函数（）{
进度（timeleft-1，timetotal$元素）；
}, 1000);
}
};
$（文档）.ready（（）=>{
控制台日志（“已加载”）；
$（“#q-1”）.removeClass（“隐藏”）；
});
window.show=函数显示（id）{
$（“#q-1”）.addClass（“隐藏”）；
$（“#q-2”）.addClass（“隐藏”）；
//$（“q-3”）.addClass（“隐藏”）；
$（`q-${id}'）.removeClass（“隐藏”）；
};
正文{
背景颜色：浅蓝色；
}
* {
框大小：边框框；
字体系列：Arial、Helvetica、无衬线字体；
}
#进步吧{
宽度：90%；
利润率：10px自动；
高度：22px；
B