1

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

1 に答える 1

4

ひや作業デモはこちら または 最初は非表示のデモはこちら

slideToggleAPIの使用：よく読んでくださいhttp://api.jquery.com/slideToggle/あなたが探している正確な振る舞いのためのトリックを行います。

コード

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

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

    });
​
于 2012-05-21T12:03:27.817 に答える