javascript - css 可见性属性和 javascript setTimeout 方法出错

Question

我必须让 p 元素在点击按钮时消失，同时 div 元素滑过它。如果 p 元素已经不可见并且 div 已经在它上面，那么在点击按钮时 p 应该变回可见但是之后div 滑出它需要 1 秒。

第一部分工作正常，在第二种情况下，p 的可见性属性上使用的 setTimeout 函数不起作用。

代码如下:

function slide_wiki(){
    var wiki=document.getElementById('wiki_bar');
    var p_vita=document.getElementById('vita');
    var width=wiki.style.width;
    slide(wiki, 100);
    if(width!='0%'){
        setTimeout(function(){p_vita.style.visibility='visible'}, 1000);
        wiki.style.borderRight='1px solid #E0E0E0';
    }else{
        p_vita.style.visibility='hidden';
        setTimeout(function(){
            wiki.style.borderRight='0px solid white';
        }, 900);
    }
}

我按照建议创建了一个 jsFiddle，但出于某种原因，幻灯片功能根本不起作用，但所需的 css 和 javascript 仍然存在，因此无论如何它应该有所帮助。 http://jsfiddle.net/bigcola317/GRs3V/5/

Answer 1

因为我看不到你的代码，所以我无法跟踪错误。因此，我使用简单的 css 转换制作了一个可行的解决方案。看看它是否适合你:http://jsfiddle.net/joplomacedo/V3yat/