5 metin satırları, şöyle başka aşağıda gösterilecek jQuery

Question

ben var kullanarak içeriğinin bir önizlemesini sahip bir div Expand
4) Çizgi dört

ama sadece ilk 2 çizgiler gösteren özel bir şartı ile beş
5) Hat ve çizgileri 3-> 5 saklasın jquery sihirli bir tür ve ne zaman onları görüntülemek kullanıcı aşağı oku veya benzer kontrolü tıklar. Bunu nasıl yapabilirim?

Teşekkürler

Answer 1

Böyle bir şey gerekir: HTML:

<ul> 
    <li class="line">Line one</li> 
    <li class="line">Line two</li> 
    <li class="line">Line three</li> 
    <li class="line">Line four</li> 
    <li class="line">Line five</li> 
    <li class="showMore">Show More</li> 
</ul> 

CSS:

.line:nth-child(n+3) { 
    display:none; 
} 
.showMore{ 
    cursor:pointer; 
    font-size:12px; 
    color:blue; 
} 

JQuery:

$(document).ready(function() { 
    $('.showMore').click(function() { 
     $('ul li:gt(1)').show(); 
     $(this).hide(); 
    }); 
}); 

Answer 2

Burada 2 şekilde yapabilirsiniz. 1- sadece 2 satırı ve bir "Daha fazla" tiklayip Diğer'i tıklatın, 3 satırlık geri kalanı jquery kullanarak yükleyin ve tümünü göster. 5

2- 5'in tümünü yazdırın, ancak div değerini yalnızca 2'ye ayarlayın. 25 pikselden 100 piksele daha fazla değişim yüksekliğini tıklatarak.