readmore javascript插件第一項打開

Question

我正在使用這個美妙的插件，想知道如何設置第一項打開和其他關閉。

任何想法？

的Javascript

var options = { 
      moreLink: '<a class="read_more_link" href="#">more...</a>', 
      lessLink: '<a class="read_less_link" href="#">less...</a>', 
      heightMargin: 50, 
      sectionCSS: 'display: inline-block; width: 100%;', 
     }; 

    $('.content-top-wide, .content-bottom-item').each(function(){ 
     var el = $(this), content = el.find('div:first,span:first,p:first, article:first'), maxHeight = 0; 
     if (content.length) { 
      maxHeight = content.outerHeight(); 
      content.prevAll().each(function(){ 
       maxHeight += $(this).outerHeight(true); 
      }); 
      // set maxHeight to 200px if the element has hight greater than 200 
      options.maxHeight = Math.min(200, maxHeight); 
      el.readmore(options); 
     }; 
    }); 

HTML

<div class="content-bottom pull-left"> 
    <h2>Title</h2> 
    <div class="content-bottom-item pull-left"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, consequatur inventore iure aliquam praesentium molestiae facilis labore! Magni, dolorem, ex? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, consequatur inventore iure aliquam praesentium molestiae facilis labore! Magni, dolorem, ex? 
    </div> 
</div> 

Answer 1

我設法通過增加一個if語句這樣：

if (i == 0) { 
       options.startOpen = true; 
      } else { 
       options.startOpen = false; 
      } 
      el.readmore(options); 

這裏是萬一有人工作版本需要：http://jsfiddle.net/brunodd/pvZ8H/

Answer 2

閱讀插件的文檔：https://github.com/jedfoster/Readmore.js？
將「startOpen：false」添加到第一項的選項應解決您的問題。