jQuery-.show在.hide之后不工作

如何使“pastButton”在单击时仅显示“pastInvestments”和“currentButton”在单击时仅显示“currentInvestments”

在我的html中，我有2个按钮和2个div：

<button class="w3-button currentButton">Current</button>
<button class="w3-button pastButton">Past</button>

<div class="currentInvestments">
   //images inside div
</div>

<div class="pastInvestments">
   //images inside div
</div>

---

如果希望在页面加载时隐藏.pastInvestments，请在CSS中隐藏它：

.pastInvestments {
display:none;
}

通过这种方式，它加载隐藏，而不是在页面加载后隐藏

---

顺便说一句，它对我来说很好。

我认为我们需要了解更多的上下文，因为这似乎很好：我猜你的HTML有问题，并且你在

当前投资

和

粘贴投资

之间缺少了一个

。这基本上与他一开始所做的

.hide（）

调用相同，但是当页面加载时，您不会立即看到元素。这不是他所遇到问题的解决方案（似乎没有人能够重现）。这是更好的练习，因为div不会闪烁，但我也无法重现问题。答案应该是解决问题的，而不仅仅是提供无关的编程建议。对这样的事情使用注释。

.pastInvestments {
display:none;
}