在JavaScript函数中将slideDown（）放在哪里

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函数，但由于它不是jQuery对象，因此不知道slideDown是什么。

注意：如果我是我，我会很好地阅读jQuery文档。 以这种方式通过ID获取元素会带来jQuery库已经解决的问题。 似乎您没有完全拥抱它的功能。

相反，您可以拥有：

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