0

アクション項目として、入力ボタンの代わりにハイパーリンクを使用して、jQuery の「slidetoggle」効果を実行するにはどうすればよいですか?

jQueryのリファレンスページで

フォーム入力ボタンの使用例のみを示します。

ボタンの代わりに、ハイパーリンクをトグルクリック可能なアクションにしたいと思います。

4

3 に答える 3

1 
$("#anch").click(function () {
      $("#para1").slideToggle("slow");
    });



<a id='anch'>Toggle</a>
  <p id='para1'>
    This is the paragraph to end all paragraphs.  You
    should feel <em>lucky</em> to have seen such a paragraph in
    your life.  Congratulations!
  </p>
于 2009-10-27T05:33:39.800 に答える
1

次のようなリンクがある場合:

<a id="toggleLink" href="#">CLICK ME!</a>

次の関数を使用して、divをslideToggleするだけです

 $("#toggleLink").click(function () {
      $("#myDiv").slideToggle("slow");
    });
于 2009-10-27T05:34:15.323 に答える
1

他の回答に加えて、ハイパーリンクにhref属性がある場合 (リンクとして表示されるはずなので、リンクとして表示されます)、falseイベント ハンドラーを返すことで属性を無効にすることができます (そうでない場合、ページはリンクをクリックすると上にスクロールします):

$('a').click(function(){
    $('p').slideToggle();
    return false;
});

それ以外は、ボタンとハイパーリンクに違いはありません。ドキュメントを読んでいる間は、jQuery の Selectorsから始めるのが賢明でしょう。

于 2009-10-27T05:48:35.090 に答える