單擊其他href div后，div淡入

Question

我試圖在用戶單擊其他兩個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 #
});
});

嘗試上面的代碼。它工作正常。現在為按鈕實現不同的click事件。希望這會有所幫助。 http://jsfiddle.net/szr9vpv5/