如何实现JS onClick 点击切换效果

如何实现JS onClick 点击切换效果
就是点击文字连接，然后在同页右则显示效果
再点击别的连接，显示对应的效果
效果见图
点击代码是这样的
<li><a href="categoryid=1973743" onClick="javascript:getCategoryStore(1973743,this);return false;">服饰箱包</a></li>
<li><a href="categoryid=1971620" onClick="javascript:getCategoryStore(1971620,this);return false;">家居日用</a></li>
图片

1、使用js动态操作元素样式

//定义onClick方法
function click(){
    document.getElementById("p1").style.display="block";
    document.getElementById("p2").style.display="none";
}

2、先写好css在onClick事件中改变元素class

.show{display:block;}
.hidden{display:none;}

/定义onClick方法
function click(){
    document.getElementById("p1").className="show";
    document.getElementById("p2").className="hidden";
}

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/8m7s4q882.html