javascript - jQuery：如何在链接上触发 .slideToggle()？

Question

如何使用超链接而不是输入按钮作为操作项来执行 jQuery 'slidetoggle' 效果？

在 jQuery 参考页面

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

我想有一个超链接而不是一个按钮，作为切换可点击操作。

Answer 1

除了其他答案之外，如果您的超链接具有href属性（它应该具有属性，因此它将显示为链接），您可能希望通过返回false事件处理程序来中和它（如果您没有，页面将单击链接时向上滚动）：

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

除此之外，按钮和超链接之间不应该有任何区别。在阅读文档时，最好从jQuery 的 Selectors开始。

Answer 2

$("#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 3

如果你有这样的链接：

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

只需使用以下函数来滑动切换您的 div

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