0

レスポンシブ デザインに Twitter ブートストラップを使用しています。
Facebookのようなコメントモジュールがあります。
have all comment in <li></li>
i have collapsed ulusing data-toggle="collapse" data-target="#comm"
i want to show last two li default.. .it collapse all li. 今、私のコードで
最後の2つのliを表示する方法

 <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>  

最後の 2 つの li デフォルトを表示する必要があります。

4

1 に答える 1

0

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

于 2013-04-16T06:57:53.803 に答える