Javascript 如何使我的div默认折叠？

我知道了如何制作一个切换按钮来隐藏和显示包含内容的div，但是如何在默认情况下隐藏内容并使用切换按钮来显示内容呢

$(function(){
    $('a.toggle').click(function(){
        $('#content').stop().slideToggle(500);
        return false;
    });
});

这里有一个新的

诀窍是在页面加载时隐藏条目

$(function(){
    // New code
    $("#content").hide();
    $('a.toggle').click(function(){
        $('#content').stop().slideToggle(500);
        return false;
    });
});

另请参见上的jQuery文档

本附加说明中显示的另一种方法是首先在div上设置“

display:none；

”CSS属性

<div style="display: none;" id="content">
   <p>Hello</p>
</div>

这里有一个新的

诀窍是在页面加载时隐藏条目

$(function(){
    // New code
    $("#content").hide();
    $('a.toggle').click(function(){
        $('#content').stop().slideToggle(500);
        return false;
    });
});

另请参见上的jQuery文档

本附加说明中显示的另一种方法是首先在div上设置“

display:none；

”CSS属性

<div style="display: none;" id="content">
   <p>Hello</p>
</div>

这里有一个新的

诀窍是在页面加载时隐藏条目

$(function(){
    // New code
    $("#content").hide();
    $('a.toggle').click(function(){
        $('#content').stop().slideToggle(500);
        return false;
    });
});

另请参见上的jQuery文档

本附加说明中显示的另一种方法是首先在div上设置“

display:none；

”CSS属性

<div style="display: none;" id="content">
   <p>Hello</p>
</div>

这里有一个新的

诀窍是在页面加载时隐藏条目

$(function(){
    // New code
    $("#content").hide();
    $('a.toggle').click(function(){
        $('#content').stop().slideToggle(500);
        return false;
    });
});

另请参见上的jQuery文档

本附加说明中显示的另一种方法是首先在div上设置“

display:none；

”CSS属性

<div style="display: none;" id="content">
   <p>Hello</p>
</div>

---

在页面加载期间使用CSS隐藏内容

CSS:

Jquery：

---

在页面加载期间使用CSS隐藏内容

CSS:

Jquery：

---

在页面加载期间使用CSS隐藏内容

CSS:

Jquery：

---

在页面加载期间使用CSS隐藏内容

CSS:

Jquery：

---

---

使用css#content{display:none；}使用css#content{display:none；}使用css#content{display:none；}使用css#content{display:none；}谢谢，你能帮我解决另一个问题吗，还有什么办法吗？当你点击切换按钮时，隐藏按钮并显示内容而不是按钮我希望我很清楚：当你点击按钮时，它应该隐藏它并显示内容instead@common我不清楚“在按钮的位置”是什么意思。在你的例子中，这不就是隐藏按钮吗？是否要将DOM中的内容移动到按钮所在的位置？或者可能将内容设置为按钮的文本？@common是否要在显示的内容之间切换？因此，当他们点击按钮时，按钮消失，内容显示出来？@E先生：是的，这就是我要找的！对不起，我的英语，我真的不知道如何解释这一点，当你点击切换按钮时，它应该隐藏并显示内容，而不是按钮。明白了！非常感谢你和其他帮助我的人，我希望你周末过得愉快！谢谢，你能帮我解决另一个问题吗？当你点击切换按钮时，隐藏按钮并显示内容而不是按钮我希望我很清楚：当你点击按钮时，它应该隐藏并显示内容instead@common我不清楚“在按钮的位置”是什么意思。在你的例子中，这不就是隐藏按钮吗？是否要将DOM中的内容移动到按钮所在的位置？或者可能将内容设置为按钮的文本？@common是否要在显示的内容之间切换？因此，当他们点击按钮时，按钮消失，内容显示出来？@E先生：是的，这就是我要找的！对不起，我的英语，我真的不知道如何解释这一点，当你点击切换按钮时，它应该隐藏并显示内容，而不是按钮。明白了！非常感谢你和其他帮助我的人，我希望你周末过得愉快！谢谢，你能帮我解决另一个问题吗？当你点击切换按钮时，隐藏按钮并显示内容而不是按钮我希望我很清楚：当你点击按钮时，它应该隐藏并显示内容instead@common我不清楚“在按钮的位置”是什么意思。在你的例子中，这不就是隐藏按钮吗？是否要将DOM中的内容移动到按钮所在的位置？或者可能将内容设置为按钮的文本？@common是否要在显示的内容之间切换？因此，当他们点击按钮时，按钮消失，内容显示出来？@E先生：是的，这就是我要找的！对不起，我的英语，我真的不知道如何解释这一点，当你点击切换按钮时，它应该隐藏并显示内容，而不是按钮。明白了！非常感谢你和其他帮助我的人，我希望你周末过得愉快！谢谢，你能帮我解决另一个问题吗？当你点击切换按钮时，隐藏按钮并显示内容而不是按钮我希望我很清楚：当你点击按钮时，它应该隐藏并显示内容instead@common我不清楚“在按钮的位置”是什么意思。在你的例子中，这不就是隐藏按钮吗？是否要将DOM中的内容移动到按钮所在的位置？或者可能将内容设置为按钮的文本？@common是否要在显示的内容之间切换？因此，当他们点击按钮时，按钮消失，内容显示出来？@E先生：是的，这就是我要找的！对不起，我的英语，我真的不知道如何解释这一点，当你点击切换按钮时，它应该隐藏并显示内容，而不是按钮。明白了！非常感谢你和其他帮助我的人，我希望你周末过得愉快！这是使用

hide（）

的首选方法。如果可能，请始终使用CSS替代方案。这是使用

hide（）

的首选方法。如果可能，请始终使用CSS替代方案。这是使用

hide（）

的首选方法。如果可能，请始终使用CSS替代方案。这是使用

hide（）

的首选方法。尽可能使用CSS替代方案。