Javascript 如何创建JS切换(向上/向下)标题?

Javascript 如何创建JS切换(向上/向下)标题?,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在尝试创建以下内容: 我已经在JSFIDLE上的其他示例中尝试过了,但这不是我想要的,也不是我期望的 我觉得这也需要在JS中使用css创建,也需要实现cookie。我将使用它作为标题,显示从我的论坛链接到我的主网站的PHP查询中的SSI示例 <p id="welcome"><?php ssi_welcome(); ?></p> 您可以使用jQuerys slideToggle函数 像这样的事情: $( '#button-to-toggle-area' )

我正在尝试创建以下内容:

我已经在JSFIDLE上的其他示例中尝试过了,但这不是我想要的,也不是我期望的

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

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

您可以使用jQuerys slideToggle函数

像这样的事情:

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

    $( '#area-to-show-or-hide' ).slideToggle( 'fast' );
    e.preventDefault();
});
$( '#button-to-toggle-area' ).click( function( e ) {

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