jQuery:如何在链接上触发.slideToggle()？

Question

如何使用超链接而不是输入按钮作为操作项来执行jQuery“滑动切换”效果？

在jQuery reference page

它只给出了一个使用表单输入按钮的示例。

我希望有一个超链接，而不是一个按钮，以切换可点击的行动。

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

Answer 2

如果你有一个这样的链接：

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

只需使用以下函数来slideToggle您的div

 $("#toggleLink").click(function () {
      $("#myDiv").slideToggle("slow");
    });

Answer 3

除了其他答案之外，如果您的超链接有href属性(它应该有，所以它将显示为一个链接)，您可能希望通过在事件处理程序上返回false来中和它(如果您不这样做，当您单击链接时页面将向上滚动)：

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

除此之外，按钮和超链接之间不应该有任何区别。在阅读文档时，明智的做法是从jQuery's Selectors开始。