'如果超過5個鏈接加上文字加顯示：無;如果有超過5個腳本？

Question

我有我的代碼如下所示：

.keywords a { 
font-style:italic;} 

.keywords a:nth-of-type(n+5) { 
display:none} 

<div class="keywords">{Keywords}</div> 

的關鍵詞是一個鏈接，將被自動添加。

（這是可以添加儘可能多的關鍵字，只要你想，雖然只有前五個將被顯示，這並不在此代碼發生本身雖然

例如[所有的這些都可以被看作是不同的頁面上的文章，每個人都有這個div = '關鍵字']

K1

K1，K2，K3

K1，K2，K3，K4，K5

_

，如果有超過5個關鍵詞：

K1，K2，K3，K4，K5 [，K6，K7] - 這兩個是不可見的

如何我希望它是（也是7關鍵字）：

K1，K2，K3，K4，K5 [，K6，K7]更多 - K6和K7被再次隱藏，但添加了 '更多' 鏈接）

我現在如果有超過5個關鍵字，然後添加一個'更多'，想添加'更多'鏈接，但我不知道該怎麼做。是否需要腳本？

Answer 1

你的意思是這樣的嗎？ https://jsfiddle.net/cd4aa8a0/1/

所以我包括JS的一點點，加上另一個類你的CSS

.keywords:nth-child(n+6) a { 
    display: none; 
} 

JS

$(".show").on('click', function(){ 
     $(".keywords:nth-child(n+6) a").toggle(); 
    });