Struggling to find a way to achieve this inline. Normally, you would hide a child and target the parent for display...
<p class="demo_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the text. All the </p>
<p class="text_toggle"> Keep Reading...</p>
<p class="text_hidden">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the</p>
In the CSS: it would be like
.text_hidden{
display: none
}
.text_toggle:hover .text_hidden{
display: block
}
This causes a break in the paragraph...
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage
Keep Reading...
of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Is there a way to remove the toggle text upon toggling and seamlessly flow the paragraph into one continuous piece like so...
******************* desired output below *************************************** There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the
The goal is to hide part of the paragraph on smaller screens < 900px, offering the option to keep viewing or not without disrupting the layout on screens > 900.
Any thoughts?