Question

我有这个脚本：

// <![CDATA[
function showHide() {
    var ele = document.getElementById("last-edition");
    if(ele.style.display == "block") {
            ele.style.display = "none";
      }
    else {
        ele.style.display = "block";
    }
}
// ]]>

由它制作的动画是显示/隐藏，简单，但我想尽可能创建一个幻灯片。我该怎么做？

示例：http://thc-racing.ucoz.com/index/tmt/0-20 2012年是剧本行动的地方。

谢谢！

编辑：我使用jQuery。

Answer 1

使用jQuery：

$("#last-edition").show("slow");

而不是ele.style.display = "block";

和

$("#last-edition").hide("slow");

而不是ele.style.display = "none";

Answer 2

脚本的简短jQuery版本将是这样的：

function showHide() {
    $('#last-edition').slideToggle();
}

考虑查看jQuery documentation。它编写得很好。

由于这个功能只包含一行 - 它很无用......

如果您试图让这个块在某些用户交互中出现/消失 - 那么只需省略函数声明。像这样：http://jsfiddle.net/skip405/Qzwme/

脚本div显示/隐藏幻灯片动画

2 个答案: