--- title: "Create Read More / Read Less function via jQuery" description: "Create Read More / Read Less function via jQuery" author: "Ethan Karla" published: 2021-07-28 updated: 2023-11-26 canonical: https://www.mindstick.com/forum/156645/create-read-more-read-less-function-via-jquery category: "jquery" tags: ["jquery"] reading_time: 2 minutes --- # Create Read More / Read Less function via jQuery How to create Read More / Read Less [function](https://www.mindstick.com/articles/13001/multi-statement-table-valued-user-defined-function-in-sql-server) via jQuery? ## Replies ### Reply by Aryan Kumar Creating a "Read More" / "Read Less" functionality with jQuery involves toggling the visibility of content based on user interactions. Below is an example of how you can implement a simple "Read More" / "Read Less" feature: ```plaintext Read More / Read Less with jQuery

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque varius nisl ac mauris ultrices, vel varius justo fermentum. Integer in dui sit amet nulla efficitur vestibulum. Suspendisse sed lectus vel arcu cursus volutpat.

Read More
``` In this example: - The content is initially limited to a maximum height, and the overflow is hidden. - The "Read More" button toggles the visibility of the content by adding or removing the **expanded** class. - The **max-height** property is adjusted with a smooth transition effect to create the "Read More" / "Read Less" animation. - You can customize the **max-height** value and styling to fit the design of your website. This is a basic example, and you might need to adapt it based on the structure and requirements of your specific project. --- Original Source: https://www.mindstick.com/forum/156645/create-read-more-read-less-function-via-jquery Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.