Javascript 6个网格分区，每个分区有2个内容分区和切换功能

好吧，我可能看不到树木的树木-所以这里是我的（可能很容易解决）问题：

我有这个标记（6倍于“col-4”-带内容的DIV）：

所有徽标消失，只显示单击的地址信息

我如何才能实现只有单击的徽标消失，并且显示单击的徽标后面的地址信息

我可能只是错过了一些简单的步骤，但我不想为每个id编写6个单击函数-这太混乱了，可能不是正确的方法，对吗？

您可以使用

$(this).next('.hidden')

甚至

$(this).parent().find('.hidden')

---

问题是，您使用class

.hidden

将所有元素作为目标。 您需要针对与刚才单击的徽标相关的

.hidden

元素。 由于

.logo

和

.hidden

是兄弟姐妹，您可以执行以下操作：

$(this).siblings('.hidden').toggle(500);

---

$（这个）指的是什么？嗯，我想它一定是.logo-这就是为什么单击后所有logo都会消失的原因。这似乎有效，但不会隐藏.logo div，只显示.caption-div。您是否用我编写的代码替换了整个代码？该行仅用于.hidden div部分。剩下的你得留着$（“.logo”）。单击（function（）{$（this）.hidden'）.toggle（500）；$（this.toggleClass（“hidden”）；}）；对不起，是我的错。这真是太棒了。我可以在$（“.logo”）中添加.caption吗？单击（function（），而不破坏函数性？因为它也应该反过来工作（如果您单击地址信息，它应该再次翻转到徽标，除非您单击其网页的锚）。只需在jquery选择器中添加.caption，使其成为$（'.logo.caption'）。单击（）；

$(this).parent().find('.hidden')

$(this).siblings('.hidden').toggle(500);