点击显示Div，在Div显示Div1内3秒，然后隐藏

我试图显示（点击时）Div1 3秒，然后隐藏并显示Div2。点击显示Div，在Div显示Div1内3秒，然后隐藏

序列是...

当点击>>格 “slidingDiv” 出现>> withing是Div1构成出现3秒>> Div1构成皮（并没有出现再次点击）>> Div2的出现。

3秒后我无法隐藏。

下面是我的代码...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$(document).ready(function(){ 

$(".slidingDiv").hide(); 
$(".show_hide").show(); 

$('.show_hide').click(function(){ 
$(".slidingDiv").slideToggle(); 
}); 

}); 

</script> 

</head> 

<body> 

<a href="#" class="show_hide" onclick="begin()">Show/hide</a> 
<div class="slidingDiv"> 

<div id="Div2" style="display:none"> 
php code here</div> 

<div id="Div1" style="display:none"><img id="myImage" src="ajax-loader.gif"></div><br> 
<script type = "text/javascript"> 
function begin() { 
function show1() { 
document.getElementById("Div1").style.display="block"; 
setTimeout("hide1()", 3000); // 3 seconds 
} 

function hide1() { 
document.getElementById("Div1").style.display="none"; 
show2(); 
} 

show1(); 
function show2() { 
document.getElementById("Div2").style.display="block"; 
} 
} 
</script> 

</div>

来源

2016-06-12 Kishor Parmar

setTimeout（hide1，3000）;我认为...检查如何写它...不要把它作为一个字符串:) – Medda86

这是错误的部分：

setTimeout("hide1()", 3000); // 3 seconds

它必须是：

setTimeout(hide1, 3000); // 3 seconds

这里是小提琴：https://jsfiddle.net/gerardofurtado/yso7ajyb/

来源

2016-06-12 08:11:51

工作。但Div1出现在每次点击。 –

点击显示Div，在Div显示Div1内3秒，然后隐藏

回答

相关问题