Jquery 隐藏按钮后显示按钮的问题

我在和我的朋友玩一个无聊的游戏。我们想隐藏升级按钮，直到您购买了最后一层。在本例中，需要10个金色按钮才能显示。我们成功地隐藏了它们，但之后无法显示它们。我做错了什么

我们尝试了几种不同的显示和隐藏方式，最后发现jquery块中的测试是否没有触发

var数据={
金牌:0,，
goldPerClick:1，
黄金价格：10，
戈尔德佩尔塞克：0，
租金成本：100，
租金水平：0，
戈尔登蒂默：10000，
级别：0，
成本：500，
油库成本：1000，
坦克级别：0，
goldPerClickButton:10，
}
$（文档）.ready（函数（）{
$（“#paulUpgrade”）.hide（）；
$（“#hjulLaster”）.hide（）；
$（“#坦克”）.hide（）；
$（“#perClickUpgrade”）。单击（函数（）{
如果（data.gold>=10）{
$（“#paulUpgrade”）.show（）；
}
});
$（“#升级”）。单击（函数（）{
$（“#hjulLaster”）.show（）；
});
$（“#hjulLaster”）。单击（函数（）{
$（“#坦克”）.show（）；
});
});

0黄金开采
每秒0金币

开采黄金


鹤嘴锄（目前等级1）消耗：10金币
租一辆保罗（目前为0级）需要100金币
为Paul升级HjulLaster（目前为0级）需要500金币
保罗坦克升级（目前为0级）需要1000金币
数据的初始值。gold
为0

在您提供的代码中，我看不出在哪里可以将它增加到10

条件
（data.gold>=10）
将始终为false，因此下面的块将永远不会执行。
看看这个示例

如果
gold>=10
并且您单击
Pickaxe
下一个升级按钮将显示


var数据={
金牌:0,，
goldPerClick:10
}
函数mineGold（）{
data.gold+=data.goldPerClick；
$（“#goldMined”）.html（data.gold）；
}
$（文档）.ready（函数（）{
$（“#paulUpgrade”）.hide（）；
$（“#perClickUpgrade”）。单击（函数（）{
如果（data.gold>=10）{
$（“#paulUpgrade”）.show（）；
}
});
});

0黄金开采

开采黄金


鹤嘴锄（目前等级1）消耗：10金币
租一辆保罗（目前为0级）需要100金币
像这样做


var firstButton=document.querySelector（'button'）；
firstButton.addEventListener（“单击”），函数（evt）{
var secondButton=document.getElementById（'other'）；
secondButton.classList.remove（'hidden'）；
});
。隐藏{
显示：无；
}
点击我
现在您可以看到我了