📜  jQuery jquery-read-more-read-less功能

📅  最后修改于: 2020-11-27 01:04:53             🧑  作者: Mango

jQuery阅读更多/阅读更少

阅读更多和阅读更少用于提高页面文本的可见性。它允许用户通过按“阅读更多”按钮阅读页面的全部内容,并通过按“阅读较少”按钮隐藏内容。

下面的jQuery脚本用于创建更多阅读和更少阅读。

脚本:

    

在jQuery中,以下代码用于创建一个Read More和Read Less按钮。

码:




    
    
    jQuery read more / read less example
     
    
     



    

Read More / Read Less Example

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolores cupiditate sed aut odit pariatur dignissimos maiores. ..... Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa soluta similique minus consectetur unde voluptatibus ipsa! Assumenda corrupti nihil ducimus odio quidem consectetur eveniet, tempore beatae aliquam delectus temporibus quos molestias, accusamus quam explicabo quisquam esse, quibusdam recusandae tenetur necessitatibus nobis debitis hic? Labore, quidem. Nesciunt nulla in possimus minus voluptatibus. Repellendus alias sunt atque asperiores officiis exercitationem corporis unde, ea assumenda nam obcaecati voluptatibus, maiores sint eligendi. Consequatur corporis possimus exercitationem accusamus, est assumenda eum fugit odio, quibusdam porro suscipit ipsa pariatur voluptatum quisquam? Natus at iure veniam autem, porro mollitia hic numquam labore sapiente velit odio exercitationem recusandae?

输出:

在点击阅读更多按钮时-

点击“更少阅读”按钮时-