javascript - 将 slideDown() 放在 javascript 函数中的什么位置

Question

我正在尝试在此 javascript 中添加 slideDown('400')。但是不知道放在哪里。

        <script type="text/javascript">

            function toggle_visibility(id) {
                var e = document.getElementById(id);
                if (e.style.display == 'none')
                    e.style.display = 'block';
                else
                    e.style.display = 'none';
            }

        </script>

我试过这个，但它不起作用:

        <script type="text/javascript">

            function toggle_visibility(id) {
                var e = document.getElementById(id);
                if (e.style.display == 'none')
                    e.slideDown('400').style.display = 'block';
                else
                    e.style.display = 'none';
            }

        </script>

Answer 1

如果你真的需要与你已有的语法保持内联，试试这个:

$(e).slideDown('400')...

在上述更改之前，您试图在标准 DOM 元素上调用 jQuery 函数，它不知道 slideDown 是什么，因为它不是 jQuery 对象。

注意:如果我是你，我会好好阅读 jQuery 文档。以这种方式通过 ID 获取元素提出了 jQuery 库已经解决的问题。您似乎没有完全接受它的功能。

相反，您可以:

var e = $('#' + id);
e.slideDown(400);