I have to display table on "read more" content

I have to design "read more" and "read less" button on page to read more content but I have to display table inside "read more" content.

I have code

"checkbox" class="read-more-state" id="post-1" />
class="read-more-wrap">class="table">
"680" border="1" cellpadding="0" cellspacing="0">
"top" style="width: 150px;" align="left">
Particulars
"top" style="width: 150px" align="left">
Disclosures
"left" valign="top">
Date of Appointment & term of appointment
"left" valign="top">
W.e.f.01st October, 2018, 5 years
"left" valign="top">
Date of Birth and Age
"left" valign="top">
10th February, 1962, 56 years.
"left" valign="top">
Qualification
"left" valign="top">
B.Com.
"left" valign="top">
Date of first appointment
"left" valign="top">
02nd June, 1992
"left" valign="top">
Shareholding in the Company
"left" valign="top">
18,57,485 Ordinary Equity Shares and 92,873 DVR Equity Shares
"left" valign="top">
Disclosure of relationships between Directors
"left" valign="top">
Shri Ashok B. Jain, Shri Anil B. Jain, Shri Ajit B. Jain and Shri Atul B. Jain are
brothers and related to each other.

for="post-1" class="read-more-trigger">

"checkbox" class="read-more-state" id="post-2" />

class="read-more-wrap">

lorem

lorem 2

class="read-more-target">lorem 3

class="read-more-target">lorem 4

for="post-2" class="read-more-trigger">

Particulars

Disclosures

Date of Appointment & term of appointment

W.e.f.01st October, 2018, 5 years

Date of Birth and Age

10th February, 1962, 56 years.

Qualification

B.Com.

Date of first appointment

02nd June, 1992

Shareholding in the Company

18,57,485 Ordinary Equity Shares and 92,873 DVR Equity Shares

Disclosure of relationships between Directors

Shri Ashok B. Jain, Shri Anil B. Jain, Shri Ajit B. Jain and Shri Atul B. Jain are

brothers and related to each other.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mangesh Kanche7y ago
Hello Priyana,

By mistakenly I kept your Read More and read less button. After your table design remove your code or Read more and Read less..
Thank you..

Hello Priyanka,

Check below dummy html with your table design

What is CSS?
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media.

Particulars	Disclosures
Date of Appointment & term of appointment	W.e.f.01st October, 2018, 5 years
Date of Birth and Age	10th February, 1962, 56 years.
Qualification	B.Com.
Date of first appointment	02nd June, 1992
Shareholding in the Company	18,57,485 Ordinary Equity Shares and 92,873 DVR Equity Shares
Disclosure of relationships between Directors	Shri Ashok B. Jain, Shri Anil B. Jain, Shri Ajit B. Jain and Shri Atul B. Jain are brothers and related to each other.

- lorem
- lorem 2
- lorem 3
- lorem 4
The CSS specification describes a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities (or weights) are calculated and assigned to rules, so that the results are predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The W3C operates a free CSS validation service for CSS documents.
Source:Wikipedia

Css:

Jquery:

Hope it will help you. :-)

(src: https://codepen.io/legendaryPower/pen/dvJQvB)