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

Question

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

与this完全相同，但需要向下滑动，而不是像那样。

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

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

感谢您的帮助：）

Answer 1

这很简单，但却很有效。

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

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

Answer 2

您提到的示例使用toggle（）函数，它只显示或隐藏元素（display：block / hidden）而没有任何影响。

你必须使用slideToggle（）函数，它执行相同的操作，但具有滑动效果。

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

Answer 3

你可以使用jquery的内置函数来实现.slide（）或animate（）

所以不要使用：

$('#someElement').html('some content');

试

$('#someElement').html('some content').slideDown(some speed ie 600);

您需要先隐藏（即显示：无）内容区域。也许将内容包装在带有id / class的div中，并将其设置为display：none