jquery - 如何在jQuery Expander插件中使用jQuery的 "slideDown"和 "slideUp"效果？

Question

我正在使用jQuery Expander插入。我希望它使用 jQuery 的 SlideUp 和 SlideDown 之类的效果，而不是默认的 fadeIn。

有人可以告诉我该怎么做吗？

以下是默认选项:

$.fn.expander.defaults = {
  slicePoint:       100,      // the number of characters at which the contents will be sliced into two parts. 
                              // Note: any tag names in the HTML that appear inside the sliced element before 
                              // the slicePoint will be counted along with the text characters.
  widow:            4,        // a threshold of sorts for whether to initially hide/collapse part of the element's contents. 
                              // If after slicing the contents in two there are fewer words in the second part than 
                              // the value set by widow, we won't bother hiding/collapsing anything.
  expandText:       'read more...',   // text displayed in a link instead of the hidden part of the element. 
                              // clicking this will expand/show the hidden/collapsed text
  expandPrefix:     '… ', // text to come before the expand link                              
  collapseTimer:    0,        // number of milliseconds after text has been expanded at which to collapse the text again
  expandEffect:     'fadeIn',
  expandSpeed:      '',       // speed in milliseconds of the animation effect for expanding the text
  userCollapse:     true,     // allow the user to re-collapse the expanded text.
  userCollapseText: '[collapse expanded text]',  // text to use for the link to re-collapse the text
  userCollapsePrefix: ' ', // text to come before the re-collapse link
  beforeExpand: function($thisEl) {}, // function that is called immediately upon expanding, before the expand occurs
  afterExpand: function($thisEl) {}, // function that is called after the details have finished expanding
  onCollapse: function($thisEl, byUser) {} //function that is called when the details are collapsed (immediately after)

};

Answer 1

只需使用$('#yourthing').expander()，默认情况下它使用slideDown和slideUp。

检查第 52 和 54 行 http://plugins.learningjquery.com/expander/jquery.expander.js — 它没有使用您提到的默认值。