滑动DIV容器

Question

如何使用jquery制作一个向上滑动的水平DIV容器？ 到目前为止，我有以下提供的代码。 问题是<h1 id="filter_content">Content</h1>内容最初未隐藏。 我也看到了很漂亮的滑动菜单，就像这里的第一个截图。 因此，当用户点击+时，内容会向上滑动。 我在哪里可以找到示例代码或示例？

<div id="filter">
  <h1>Filter</h1><br>
</div>
<h1 id="filter_content">Content</h1>

<script>
$('#filter').click(function() {
    if ($("#filter").is(":hidden")) {
          $("#filter_content").show("slow");
        } else {
          $("#filter_content").slideUp("slow");
        }
    });
</script>

Answer 1

Hiya 工作演示点击这里 或 最初隐藏的演示在这里

使用slideToggle API：好的阅读http://api.jquery.com/slideToggle/将针对您正在寻找的确切行为进行操作。

码

$('#filter').click(function() {

          $("#filter_content").slideToggle("slow");

    });
​