js点击按钮可以变化,点击之后显示,之前是隐藏

要是用javascript特效的做这个效果，代码

这样写，用table给你做个例子吧。
<table width="500px" border="1">
<tr onclick="show("tr1")"><td> </td></tr>

<tr id="tr1"><td> </td></tr>
<tr onclick="show("tr2")"><td> </td></tr>
<tr id="tr2"><td> </td></tr>
</table>
第一三行是点击的，二四行对应一三行隐藏。
js这样写
function show(id){
var trStyle = document.getElementById(id).style.display;

if(trStyle=="none"){
$("#"+id).show("slow");//如果为隐藏，点击第一或第三行，第二或第四行缓慢显示
}else{
$("#"+id).hide("slow");//否则点击第一或第三行，第二或第四行缓慢隐藏

}
}
前提加上对jquery的支持。
手动敲的，如果没效果追问，望采纳追问

点击之前是这样，

点击显示信息按钮变成下面这样

像这样的代码怎么写



追答

这个也可以。那个向上向下就是两张图片。切换就行了。
在点击行这样写

你准备两张图片，js中这样写
我以点击第一行为例：
function show(id){
var trStyle = document.getElementById(id).style.display;
if(trStyle=="none"){
$("#"+id).show("slow");//如果为隐藏，点击第一或第三行，第二或第四行缓慢显示
document.getElementById("img1").src="//此处放向下箭头的图片路径";
}else{
$("#"+id).hide("slow");//否则点击第一或第三行，第二或第四行缓慢隐藏
document.getElementById("img1").src="//此处放向上箭头的图片路径";
}
}
原理是这样的原理，具体怎么做，你根据自己的情况写。

追问

第一个没有效果 ，我想问一下引用的jquery的支持是什么版的

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

当前网址：https://22.t2y.org/zz/2xs6fsffh.html