'如果超过5个链接加上display：none，则添加文本;如果有超过5'的脚本？

Question

我的代码是这样的：

.keywords a {
font-style:italic;}

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

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

关键字是a-links，将自动添加。

（可以根据需要添加尽可能多的关键字，但只会显示前五个，但这不会发生在此代码本身中

e.g。 [所有这些都可以看作页面上的不同文章，每个都有这个div ='keywords']

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] more - k6和k7再次隐藏，但添加了“more”链接

我现在想要添加'更多'链接，如果有超过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();
    });