Question

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

在jQuery参考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>

只需使用以下功能来滑动你的div

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

Answer 3

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

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

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

jQuery：如何在链接上触发.slideToggle（）？

3 个答案: