                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /展開與收起效果

求最后問題的解答

DragonflyZhu

2014-12-31

源自：展開與收起效果 6-1

關(guān)注問題我要回答

1361

操作

收起

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 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

_從新開始_
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';//隱藏所有文章的內(nèi)容
? ? ? ?//abstractList[i].style.display = 'block';
? ? ? ?IcePreviousSiblingNode(contentList[i].previousSibling).style.display = 'block'//顯示全文按鈕
? ?}
}