1

jQueryを使用して適切な関数を理解し、作成するのに苦労しています。

私のサイトには 2 つの主要な領域があります。1 つ目は、パネルと名付けた他の領域の上に表示されるコンテンツ領域です。

特定のリンクをクリックして少し上に移動し、動きのサイズに合わせてサイズを変更するときに必要なのは、このパネルだけです。現在機能していない、下から上に成長するパネルを表す必要があります!?

ここに私のjQueryコードがあります:

<script>
$("#moveUp").click(
 function(){
     $("#panel").animate(
   { 
          marginTop: "-=50px",
    }, 1000 ); 
   }
  );
 };

 function() {
  $("#panel").animate(
   { 
          height: "+=50px",
    }, 1000 ); 
   }
  );
 } 
);
</script>

html は次のとおりです。

<body>

<div id="content-container">

<div id="content">
some content
</div>

</div>

<div id="panel">

<div class="content">
other content
<br /><br />
<a href="#" id="moveUp">move a bit up</a>
</div>

</div>

</body>

私の目標は、パネルの「少し上に移動」リンクをクリックして 50px 上に移動することです。後でここにメールアドレスを表示したいのですが、メールで div 要素を表示する機能を持たせるか、他のリンクを押すと、メールアドレスが非表示になり、パネルが下に移動します。

4

1 に答える 1

3

あなたのスクリプトには多くの構文エラーがあります。中かっこの一部が一致しません。実際には、高さをアニメーション化するための 2 つ目の関数を宣言する必要はありません。1 回のanimate()呼び出しで複数のプロパティ操作を実現できます。動作するバージョンは次のとおりです。

<script type="text/javascript">
$("#moveUp").click(function(){
     $("#panel").animate({
          marginTop: "-=50px",          
          height: "+=50px"
    }, 1000);
});
</script>

それがあなたが達成しようとしていることだと確信していますが、再確認してください。

于 2009-09-06T18:56:12.047 に答える