試圖在可見/隱藏的div之間複製淡入淡出

Question

正如本網站here所見，我試圖在單擊每個標籤時複製三個標籤之間的淡入淡出過渡。我不知道我是否錯過了一些東西，或者我只是一個白癡，但我似乎無法在源代碼中找到隱藏/可見事件的編碼。

如果有人能指給我看，或者建議一個容易的選擇放在那裏，我將非常感激。

在此先感謝。

Answer 1

它實際上正在通過jQuery做：

$(".content").each(function() { 
    var container = this 
    var tabbodies = $(this).find(".tabbody") 
    var tabs = $(this).find(".tab") 
    if (!isMobile) tabs = tabs.not(".news .tab") 
    tabs.click(function(e) { 
    e.preventDefault() 
    var self = this 
    var body = this.hash ? $(this.hash) : $(this).next(".tabbody") 
    tabs.not(this).removeClass("current") 
    $(this)[isMobile ? "toggleClass": "addClass"]("current") 
    tabbodies.not(body).stop(true, true)[isMobile ? "slideUp" : "hide"]() 
    body.stop(true, true)[isMobile ? "slideToggle" : "fadeIn"]() 
    if (isMobile) $.scrollTo(container, 500, {offset: {top: -45}}) 
}) 

用Firebug，你可以看到它的script.js上線245

Answer 2

查看jQuery Fade In函數並淡出，很容易複製這樣的東西。

須藤代碼：

link.onClick{ 
$('#lastDiv').fadeOut('slow') 
$('#newDiv').fadeIn('slow') 
}