css - 表示/非表示の div 間でフェードを複製しようとしています

Question

こちらのウェブサイトで見られるように、3 つのタブがそれぞれクリックされたときに、3 つのタブ間のフェード遷移を複製しようとしています。何かが欠けているのか、それともただのバカなのかはわかりませんが、イベントを非表示/表示するためのコーディングがソースに見つからないようです。

誰かが私にそれを指摘したり、そこに入れる簡単な代替案を提案したりしていただければ幸いです。

前もって感謝します。

Answer 1

Look up the jQuery Fade In function and fade out, it's very easy to replicate something like this.

Sudo Code:

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

Answer 2

実際には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 行目に表示されます。