jquery - twitter bootstrap 崩溃想显示最后两个 li

Question

我正在使用 twitter bootstrap 进行响应式设计。
我有像 facebook 一样的评论模块。 已经显示了我已经折叠的
所有评论， 我想显示最后两个 li 默认值.. 它折叠所有 li。 现在如何使 我的代码的最后两个 li 可见<li></li>
uldata-toggle="collapse" data-target="#comm"

 <a data-toggle="collapse" data-target="#comm"> Comments</a>  
 <ul id="comm" class="comentbox collapse">
<li>
this is first comment   
</li>
<li>
this is 2 comment   
</li>
<li>
this is first comment   
</li>
<li>
this is 3 comment   
</li>
<li>
this is 4 comment   
</li>
</ul>  

我需要显示最后两个 li 默认值。

Answer 1

您可以将类添加in到您的ul，使其li默认显示所有内容：

<ul id="comm" class="comentbox collapse in">

然后您可以使用 jQuery 隐藏前 3 个li并在单击超链接时切换它：

$('#comm li').slice(0,3).hide();

var click = 0;
$("a").click(function() {
    click++;
    if (click == 2) {
        $('#comm li').slice(0,3).show();
    }           
});

Working Demo