JavaScript实现“展开-收起”效果

html

展开

<a id="changeState" onclick="ShowOrHide();">more<img class="more" src="images/BlackMetalImg/more.png"></a>

收起

<a id="foldState" onclick="ShowOrHide();">fold<img class="fold" src="images/BlackMetalImg/more2.png"/></a>

<script type="text/javascript">
var flag=false;
var ShowOrHide =function(){
var divcontent=document.getElementById("hide_text");
var divmore=document.getElementById("changeState");
if(flag){
divcontent.style.display = "inline";
divmore.style.display ="none";
}
else{
divcontent.style.display = "none";
divmore.style.display ="inline";
}
flag=!flag;
}
</script>