用什么技术能用尽量少的代码隐藏多个html元素？

Question

我想做下面这个东西。

思路是重叠7个div，点击“一”就显示第一个div，隐藏其它6个div。
我现在只会
obj1.display="block";
ovj2.display="none";
ovj3.display="none";
ovj4.display="none";
ovj5.display="none";
ovj6.display="none";
ovj7.display="none";

这样搞至少49行，重复代码太多了。各位有什么技巧吗？

Answer 1

jquery siblings

Answer 2

css全部隐藏，然后点击哪一个显示哪一个啊

Answer 3

点击触发函数，函数循环7个div，如果是当前触发事件的div，显示，否则隐藏，或者循环全部隐藏，最后设置触发事件的div显示，最多也就6行代码的事情

Answer 4

检测那个 div has active class 啥的 就把那个隐藏 然后显示当前点击的div 就是了...