Javascript 显示隐藏按钮的说明

我想有一个功能，当你点击按钮时，它将显示相应字母的定义。与单击按钮D时一样，它应该显示指定的定义

#容器{
文本对齐：居中；
}
.按钮{
显示：内联块；
填充：7px 17px；
光标：指针；
文本对齐：居中；
文字装饰：无；
大纲：无；
颜色：#fff；
背景色：红色；
边界：无；
边界半径：15px；
盒影：0 5px#323；
高度：自动；
宽度：自动；
字体大小：粗体；
}
.按钮：悬停{
背景色：#DB1023
}
.按钮：激活{
背景色：#A30406；
盒影：0 5px#333；
变换：translateY（4px）；

A
B
C
D
E
F
G
H
我
J
K
L
我会这样做：


var字母={
“A”：“定义”，
“B”：“B定义”，
“C”：“C定义”，
“D”：“D定义”，
“E”：“E定义”，
“F”：“F定义”，
“G”：“G定义”，
“H”：“H定义”，
“I”：“I定义。”，
“J”：“J定义”，
“K”：“K定义”，
“L”：“L定义”，
“M”：“M定义”，
“N”：“N定义。”，
“O”：“O定义。”，
“P”：“P定义”，
“Q”：“Q定义”，
“R”：“R定义”，
“S”：“S”的定义，
“T”：“T定义”，
“U”：“U定义”，
“V”：“V定义”，
“W”：“W定义。”，
“X”：“X定义”，
“Y”：“Y定义”，
“Z”：“Z定义。”
};
var finalHTML=“”；
对象。键（字母）。forEach（函数（l）{
finalHTML+=''+l+''+字母[l]+''；
});
document.getElementById（“输出”）.innerHTML=finalHTML；
按钮{
填充物：3px 5px；
宽度：25px；
保证金：5px；
}
跨度{
显示：无；
垂直对齐：中间对齐；
}
按钮：激活+span，
按钮：焦点+范围{
显示：内联块；
左边距：10px；
}
这是一个错误的语法。你是什么意思？你指的是什么语法？看看我的答案。HTML的整个语法都是错误的，CSS是未关闭的。对不起，我没有看到你编辑了代码。所以，我试着做的是一个词汇表页面，所以每个字母都有3个或更多的定义。我想让按钮像菜单一样打开顶部，单击每个按钮后，将显示一个带有定义的div。您是否检查了我的答案？是否正在寻找类似的内容？