readmore javascript plugin первый элемент открыт

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 (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» к параметрам первого элемента должно решить вашу проблему.