jQuery:阅读更多/更少幻灯片切换？

Question

我正在进行简单的幻灯片切换以获取更多链接,然后展开一个无读取链接.

完全像这样,但需要向下滑动,而不是像这样.

无论是通过单词还是盒子高度,都需要设置初始高度.

任何想法,实现起来相当简单吗？

谢谢你的帮助 :)

Answer 1

这很简单，但很有效。

$(".button").click(function(){
  var moreAndLess = $("p").is(':visible') ? 'More' : 'Less';
  $(this).text(moreAndLess);

  $("p").slideToggle();
});

Answer 2

您提到的示例使用toggle()函数，它仅显示或隐藏元素（显示：块/隐藏）而没有任何效果。

你必须使用slideToggle()函数，它做同样的事情，但具有滑动效果。

$("button").click(function(){
  $("p").slideToggle();
});