滑动DIV容器

时间:2012-05-21 12:01:01

标签: php javascript jquery

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

<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>

1 个答案:

答案 0 :(得分:4)

Hiya working demo click here Initially hidden demo here

使用slideToggle API:良好阅读http://api.jquery.com/slideToggle/将针对您正在寻找的确切行为采取行动。

<强>码

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

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

    });
​