Question

我使用twitter bootstrap进行响应式设计我有像Facebook一样的评论模块在<li></li>中显示了所有评论我使用ul折叠了data-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

twitter bootstrap崩溃想要显示最后两个李

1 个答案: