在javascript函数中放置slideDown()的位置

时间:2014-08-11 10:46:10

标签: javascript

我试图在此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>

1 个答案:

答案 0 :(得分:2)

如果您确实需要与已有的语法保持内联,请尝试以下操作:

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

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

注意:如果我是你,我会很好地阅读jQuery文档。以这种方式通过ID获取元素会呈现jQuery库已经解决的问题。看来你并没有完全接受它的能力。

相反,您可以:

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