如何创建JS切换（向上/向下）标题？

Question

我正在努力创造这个：

我从JSFiddle上的其他例子中尝试过它，但这不是我想要的或我期待的。

我觉得这也需要在JS中使用css创建，也可以通过实现cookie来创建。我将使用它作为标题来显示从我的论坛链接到我的主网站的PHP查询中的SSI示例。

<p id="welcome"><?php ssi_welcome(); ?></p>

CSS：

#welcome {
background: #ccc;
color: #FFFFFF;
font-family: calibri;
font-size: 15px;
overflow: hidden;
padding: 16px;
text-align: right;
}

Answer 1

您可以使用jQuerys slideToggle功能。

有些事情是这样的：

$( '#button-to-toggle-area' ).click( function( e ) {

    $( '#area-to-show-or-hide' ).slideToggle( 'fast' );
    e.preventDefault();
});