                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /展开与收起效果

求最后问题的解答

DragonflyZhu

2014-12-31

源自：展开与收起效果 6-1

关注问题我要回答

1346

操作

收起

3 回答

IT种子选手
2018-03-27

var prevContent=null;
var prevAbstract=null;
function showdiv(obj) {....
if (prevContent!=null) {prevContent.style.display = "none";prevAbstract.style.display = "block";}
x.style.display="block"; obj.parentNode.style.display = "none";
prevContent=x;prevAbstract = obj.parentNode;}

1 回复有任何疑惑可以回复我~

收起回答

_從新開始_
2016-11-22

/**
* Created by Administrator on 2016-09-04.
*/
function showdiv(obj){
initstatus();
var x = obj.parentNode;//摘要
//var y = x.nextSibling;//正文
var y = IceNextSiblingNode(x.nextSibling);
x.style.display = 'none';
y.style.display = 'block';
}

function hidediv(obj){
var x = obj.parentNode.parentNode;//正文的容器
//var y = x.nextSibling;//正文
var y = IcePreviousSiblingNode(x.previousSibling);
x.style.display = 'none';
y.style.display = 'block';
}

function IceNextSiblingNode(obj){
while (obj.nodeType != 1 ){
obj = obj.nextSibling;
}
return obj;
}
function IcePreviousSiblingNode(obj){
while(obj.nodeType !=1 ){
obj = obj.previousSibling;
}
return obj;
}
function initstatus(){
var contentList = document.querySelectorAll(".content");
var abstractList = document.querySelectorAll(".abstract");
for(var i=0; i<contentList.length; i++){
contentList[i].style.display = 'none';//隐藏所有文章的内容
//abstractList[i].style.display = 'block';
IcePreviousSiblingNode(contentList[i].previousSibling).style.display = 'block'//显示全文按钮
}
}