jQuery淡入div點擊超過2 div

我想創建一個jQuery淡入/淡出橫幅爲一個網站有3個不同的鏈接。我已經成功地使用了以下回答Simple fade in fade out div with jquery on click以獲得2個鏈接的工作，但我在第三個鏈接中遇到了問題。
這裏是jQuery代碼：
jQuery淡入div點擊超過2 div

$('#btn2').click(function (e) { 
    $('#home_splash1').fadeOut('slow', function() { 
     $('#home_splash2').fadeIn('slow'); 
    }); 
}); 

$('#btn1').click(function (e) { 
    $('#home_splash2').fadeOut('slow', function() { 
     $('#home_splash1').fadeIn('slow'); 
    }); 
}); 

$('#btn3').click(function (e) { 
    $('#home_splash1').fadeOut('slow', function() { 
     $('#home_splash3').fadeIn('slow'); 
    }); 
});

的HTML/CSS代碼是相當漫長的，所以我會後的鏈接的jsfiddle，裏面有所有的代碼http://jsfiddle.net/u2NGy/
任何幫助將不勝感激！

來源

2014-02-25 imcadams

究竟是什麼問題？ – Dineshkumar

我希望鏈接淡出活動div並淡入每個鏈接的相應div。它在＃btn1＆＃btn2之間運行良好，但＃btn3只從＃btn1開始工作，然後停止工作。我通過刪除重複ID的每個Sneaky的建議來解決它。另外，我也使用kamilkp的修復。謝謝你們！這是更新的工作代碼：http://jsfiddle.net/arZMC/ – imcadams

你有你的頁面，這是不合法的HTML中出現重複的ID：

<a href="#" class="white" id="btn3">Trusted Quality</a>

我猜的jQuery要麼無法運行，或只是運行發現該ID匹配的第一個元素。嘗試改變身份證，以便他們是獨特的，它應該讓你更接近。

來源

2014-02-25 06:15:42 Igor

謝謝Sneaky，工作！ – imcadams

你需要寫，而不是

$('#btn2').click(function(e){  
    $('#home_splash1, #home_splash3').fadeOut('slow', function(){ 
     $('#home_splash2').fadeIn('slow'); 
    }); 
});

$('#btn2').click(function(e){  
    $('#home_splash1', '#home_splash3').fadeOut('slow', function(){ 
     $('#home_splash2').fadeIn('slow'); 
    }); 
});

你也有兩個美女主播與id="btn3"。我更新了你的小提琴，它現在的作品：http://jsfiddle.net/vD77F/31/

來源

2014-02-25 06:17:39 kamilkp

感謝kamilkp，這也有幫助。 – imcadams

jQuery淡入div點擊超過2 div

回答

相關問題