如何在段落末尾阅读更多内容?

时间:2018-11-06 17:31:02

标签: jquery html css

我找到了此密码笔链接https://codepen.io/alexfranka/pen/oLmNyp

在此处阅读更多链接是这样完成的:

<p><a class="readmore" href="#">Show more (+)</a>

只有一个开始的p标签,没有一个结束的p标签。

我尝试将链接放在“ semper suscipit,posuere a,pede”之后。但是,当我单击链接后,它不起作用

如何重新制作代码以使其起作用?

2 个答案:

答案 0 :(得分:0)

因为您使用的是JavaScript

$(this).parent().prev(".more-content").toggleClass("cg-visible");

$(this)指的是单击的链接。如果将其放在其他父对象中,则此行找不到所需的正确.more-content元素。

更糟糕的是,其父级没有结束标签,因此html甚至无效。

答案 1 :(得分:0)

仅在XHTML中需要close p标记,而在HTML中则不需要。即使没有closeing标记,代码也可以正常工作,但是放置它总是更好。