Help displaying text on multiple pages

[chiflakita]

I’ve started using JQuery mobile on my sites and want to see if there is a better way to go about it. Currently, I am pulling my text from a PHP file to display on the desktop site and the mobile site so when clients have edits I don’t have to edit the full site and mobile site separately. I don’t know much about PHP, other than includes really, so I was wondering if there was a better way I could do this that would also enable me to shorten the characters shown on the mobile version and add a “read more” or “expand all” option there.

[shaneisme]

You can actually do this with a mix of CSS and jQuery.

On mobile, just set the height of the parent element to what you need and use overflow: hidden along with text-overflow: ellipsis.

Use a click event to add a class to overwrite that stuff. Make it fancy with CSS animation on the height or something like that.

[Author]

Posts