Question

我试图在用户点击其他两个div之后淡出Div。

这是我到目前为止所做的，但我很确定我做错了什么。即使只点击一个div而不是两个div，我似乎也无法让div淡入淡出。任何帮助，将不胜感激！非常感谢你。

<script>
$(document).ready(function(){

$('#video_overlays').hide();
$('#video_overlays').fadeIn(9000);
$('#video_overlaysanswer').hide();
$('#video_overlaysanswer').fadeIn(18000);
$('#video_overlaysanswer1').hide();
$('#video_overlaysanswer2').hide();
$('#video_overlaysanswer2').fadeIn(18000); });
</script>

<script type="text/javascript">
$(document).ready(function(){
$("video_overlaysanswer").click(function() {
    var index = $(this).closest("li").index();
    $("video_overlaysanswer1").eq(index).fadeIn("slow");
    return false; // prevents navigation to #
});
})
</script>



<div id="video_overlays">
This is where text is
</div>


<div id="video_overlaysanswer">
<a href="#"> answer 1</a> 
</div>

<div id="video_overlaysanswer2">
<a href="#"> answer 2</a> 
</div>

<div id="video_overlaysanswer1">
<a href="#"> the answer that I want to fade in once the other two div's are clicked     </a>
</div>

Answer 1

$(document).ready(function(){

$('#video_overlays').hide();
$('#video_overlays').fadeIn(500);
$('#video_overlaysanswer').hide();
$('#video_overlaysanswer').fadeIn(500);
$('#video_overlaysanswer1').hide();
$('#video_overlaysanswer2').hide();
$('#video_overlaysanswer2').fadeIn(500); 

$("#video_overlaysanswer,#video_overlaysanswer2").click(function() {
    $("#video_overlaysanswer1").fadeIn("slow");
    return false; // prevents navigation to #
});
});

尝试上面的代码。它工作正常。现在实现不同的单击事件按钮。这有帮助。 http://jsfiddle.net/szr9vpv5/

在点击其他一个href Div后，Div会淡入

1 个答案: