Javascript显示/隐藏：如何设置为显示

我有以下代码：

<a class="button" href="javascript:ShowHide('elaborate_1')" style="font-size:24px; padding:0 10px; margin-left:10px;">COLLAPSE</a>

        <div id="elaborate_1" class="expandable-box" style="display:none;">

                <div class="description"><?php //USE THIS CLASS 'description' ON A 'div' TAG FOR A GRAY BOX TO DISPLAY CONTENT ?>
                <p class="nomargin nopadding">HELLO</p>
                </div><!-- .descpription -->

        </div>

你好

网页当前隐藏此消息“hello”，直到我单击“COLLAPSE”，但是我希望在单击“COLLAPSE”之前自动显示内容

---

如何执行此操作？

将display:none更改为display:block（显示：块）。从包含的元素中删除display:none（显示：无）：

<div id="elaborate_1" class="expandable-box">

如果ShowHide函数是正确的，它应该像那样工作。如果不是，你应该从函数中发布代码。

只需删除

style=“display:none；“

从您的html元素

并将以下代码添加到js函数中（供参考）

就我个人而言，我建议您看看JQuery。它允许您利用控制各种效果，如显示、隐藏、切换、淡入淡出和自定义动画等。下面是链接：它可能对您有用

一个小Jquery示例代码：

$('a.button').click(function(){
    $('#elaborate_1').toggle("slow"); 
});

---

您是否尝试过从初始标记中删除style=“display:none”？

$('a.button').click(function(){
    $('#elaborate_1').toggle("slow"); 
});