Jquery 将此可折叠的通知消息转换为可折叠和展开的通知消息

我使用以下jQuery代码在页面顶部显示带有滑动动画的通知：

// Notification
$j("#notification").animate({
    height: "21px",
    opacity: 1,
    'padding-top': "8px"
}, 800 );

$j("#close-button").click( function() {
    $j("#notification").animate({
      height: "0px",
      opacity: 0,
      'padding-top': "0px"
    }, 800 );
});

实例：

现在，您可以折叠通知。但我想添加一个按钮，使您能够展开和折叠它

怎么做？

在这里似乎很方便

编辑：使用

.slideToggle（）

前提是您具有如下所示的HTML元素：

<style type='text/css'>
#foo { height:100px; padding:10px; background-color:#fafafa; }
</style>
<div id='foo'>Ohayou Sekai!</div>
<button id='bar'>SLIDE!</button>

它会自动决定是否为您幻灯片隐藏或幻灯片显示

.

在这里似乎很方便

编辑：使用

.slideToggle（）

前提是您具有如下所示的HTML元素：

<style type='text/css'>
#foo { height:100px; padding:10px; background-color:#fafafa; }
</style>
<div id='foo'>Ohayou Sekai!</div>
<button id='bar'>SLIDE!</button>

它会自动决定是否为您幻灯片隐藏或幻灯片显示

---

.

对不起，我以前从未用过。你能给我举个代码的例子吗？@alexchenco~为你更新了。对不起，我以前从未用过。你能给我一个代码的例子吗？@alexchenco~为你更新了。