如何使用阅读更多/阅读更少的jquery脚本超过1格

Question

好吧，所以，我有一个jquery脚本，它是为阅读更多/阅读更少的div，但我想用它在超过1格没有更多...按钮打开页面上的所有div，我该怎么做？

这里的的jsfiddle：

http://jsfiddle.net/S2mCv/

代码：

<script> 
jQuery(function($){ 

// Resize Height 
function reh(e) { 
    $(e).css({'height':$(e).attr('height')}) 
} 

// Empty Height 
function emh(e) { 
    $(e).css({'height':'auto'}); 
} 

// Resize .lead (default height) 
reh('.lead'); 

// Actions 
// More: Lead 
$('body').on('click', '.more-lead', function(){ 
    emh('.lead'); 
    $('.more-lead').html('Less...'); 
    $('.more-lead').addClass('less-lead').removeClass('more-lead'); 
}); 

// Less: Lead 
$('body').on('click', '.less-lead', function(){ 
    reh('.lead'); 
    $('.less-lead').html('More...'); 
    $('.less-lead').addClass('more-lead').removeClass('less-lead'); 
}); 

}); 
</script> 

Answer 1

http://jsfiddle.net/S2mCv/1/

// More: Lead 
$('body').on('click', '.more-lead', function(){ 
    emh($(this).siblings('.lead')); 
    $(this).html('Less...').addClass('less-lead').removeClass('more-lead'); 
}); 

// Less: Lead 
$('body').on('click', '.less-lead', function(){ 
    reh($(this).siblings('.lead')); 
    $(this).html('More...').addClass('more-lead').removeClass('less-lead'); 
}); 

您配置了所有的一类。您应该专门针对您需要展开或折叠的元素。通过找到兄弟姐妹，你可以很容易地做到这一点。 此外，使用$(this)保留对被点击元素的引用，而不是一般地重新选择所有.more-lead或全部.less-lead。

http://api.jquery.com/siblings/