如何使用閱讀更多/閱讀更少的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/