单击h1元素内的文本时隐藏表格

Question

我想在页面加载时显示一个表，但希望以展开/折叠的方式显示/隐藏。

我无法使用以下代码执行此操作：

$(window).load(function () {
    $(document).ready(function () {     
        $("table").hide();
        //toggle the componenet with class msg_body
        $("h1").click(function () {
            $(this).next("table").slideToggle(500);
        });
    });
});

请建议如何实现这一目标？感谢。

Answer 1

$(function() {
  $("table").hide();
});

你不需要把jQuery准备好放在window.load中，删除那个包装器应该修复它。

Answer 2

如果要在加载时显示页面，为什么要隐藏它$("table").hide();

你可以使用

   $(document).ready(function () {

        //toggle the componenet with class msg_body

        $("h1").click(function () {

            $("table").slideToggle(500);

        });
    });