如何在jQuery Expander Plug-in中使用jQuery的“slideDown”和“slideUp”效果?

时间:2011-04-25 22:31:50

标签: jquery jquery-plugins scroll jquery-effects

我正在使用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)

};

1 个答案:

答案 0 :(得分:1)

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

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