0

データを持つ div が 1 つあるとします。ボタンをクリックすると、新しいdivが作成され、シャッターダウンのように実際のdivがカバーされます。これは、非常に近いサイトから取得したサンプルコードですが、私が望む方法ではありません。

    $(document).ready(function() {
  var $box = $('#box')
    .wrap('<div id="box-outer"></div>');
  $('#blind').click(function() {
    $box.blindToggle('slow');  
  });    
});

上記のコードのデモを確認してください http://www.learningjquery.com/2008/02/simple-effects-plugins サイトにアクセスして、ブラインドトグルボタンをクリックして、私がどのように望んでいるのかを確認してください。ボタンをクリックすると新しいdivが作成され、新しいdivが実際のdivをスライドダウン効果で覆い、もう一度クリックすると新しいdivがスライドアップします.jqueryを使用して実装する方法. 可能であればサンプルコードを教えてください。ありがとう

4

3 に答える 3

2

すでにネイティブ関数があり.slideUp()、.slideDown()あなたが望むことをします。

更新：私がそれを正しく理解したかどうかはわかりませんが、ここにデモがあります。

于 2012-05-02T19:13:52.997 に答える
1

あなたが提供したリンクには、すでにほとんどのコードがあります。いくつかの調整が必要です。

デモ:
http://jsfiddle.net/dACjL/

于 2012-05-02T19:40:48.227 に答える
0

使用slideUp()およびslideDown機能。

$('selector').slideUp()ここをチェックhttp://api.jquery.com/slideUp/

ここで$('selector').slideDown()確認してください http://api.jquery.com/slideDown/

于 2012-05-02T19:16:06.413 に答える