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

Question

我想做下面这个东西。

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

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

Answer 1

如果允许使用CSS3的话，用:target伪类会更简单一些：

http://jsfiddle.net/Gerhut/vs2x2/

Answer 2

jquery siblings

Answer 3

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

Answer 4

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

Answer 5

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