Javascript slideUp（）和slideDown（）don'；不起作用，但slideToggle（）起作用

在这把小提琴里

我想在“底部”悬停时上下滑动“内容”。我不能让它工作，请帮帮我

我试过slideToggle（），它成功了，但是..出于好奇。。为什么这样不行

HTML

<div id="content">Content</div>
<div id="bottom" onclick="togle()"></div>

Java脚本

function togle() {
var x = document.getElementById("content");

if (x.style.display.value.match("none")) {
    $("#content").slideDown("slow");
} else {
    $("#content").slideUp("slow");
}
}

替换

x.style.display.value.match("none")

有点像

x.style.display != "block"

as

x.style.display

返回一个字符串，该字符串没有

值

属性，您将得到

function togle() {
    var x = document.getElementById("content");

    if (x.style.display != "block") {
        $("#content").slideDown("slow");
    } else {
        $("#content").slideUp("slow");
    }
}

或者更像jQuery

$('#content').is(':visible')

---

或者更多的jQuery语言，只需使用

slideToggle（）

？

你的代码中有错误，属性值不存在，这很快就解决了我的问题。顺便问一下，.src返回什么，我的意思是它有.value属性吗？不，没有任何元素属性有

value

属性，但是value本身就是一个属性，就像在

element.value

中一样，但是没有

element.src.value

，它只是

element.src

哦，好的。再次感谢。

$('#content').is(':visible')