php点击链接显示内容,JS点击链接切换显示隐藏内容

本文主要介绍了JS实现点击链接切换显示隐藏内容的方法,涉及javascript鼠标事件响应及页面元素属性动态变换相关操作技巧,需要的朋友可以参考下，希望能帮助到大家。

先来看看运行效果：

具体代码如下：

www.jb51.net 点击链接切换显示隐藏内容

a {

cursor: pointer;

color: red;

}

#p1, #p2 {

display: none;

}

显示内容1

显示内容2

11111

22222

flag = "p1";

function con(i){ //参数传递时传递字符串似乎有问题，这里采用的是数字传参

document.getElementById(flag).style.display = "none";

document.getElementById("p" + i).style.display = "inline";

flag = "p" + i;

}

相关推荐：