试图复制可见/隐藏div之间的淡入淡出

时间:2012-09-15 17:16:18

标签: css html toggle

如本网站here所示,我试图在点击每个标签时复制三个标签之间的淡入淡出过渡。我不知道我是否遗漏了某些东西,或者我只是个白痴,但我似乎无法在源头找到编码隐藏/可见事件。

如果有人可以向我指出,或者建议一个简单的替代方案,我会非常感激。

提前致谢。

2 个答案:

答案 0 :(得分:0)

查找jQuery Fade In功能并淡出,很容易复制这样的内容。

Sudo Code:

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

答案 1 :(得分:0)

它实际上是通过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,您可以在第245行的script.js中看到它。