Solved

How to accordian text in an html mailer

Posted on 2011-03-16
5
241 Views
Last Modified: 2012-06-21
I have a monthly newsletter I’ve been distributing via a mass mailer. Following publication of this newsletter, I’ve been receiving some feedback surrounding access to longer articles I’d like to incorporate into the next issues. Specifically, in a newsletter edition with 6 to 8 relatively long articles (4 to 6 paragraphs), without using an java (thereby avoiding any resulting trigger of security filters), I’d like to create a “read more” function available after the first paragraph (link) to (a) allow the reader to expand the selection if interested to show the hidden remaining paragraphs, and (b) allow the use of the link to track article interest (a capacity already built into the mass mailing vendor).

I’m not interested in developing a blog (don’t have the time or energy to monitor). How should I proceed?

Thanks,

Greg~
0
Comment
Question by:GregJRob
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 35152239
You need the links to go to a server if you want to script accordians

Possibly CSS can be of service

http://www.cssnewbie.com/example/css-only-accordion/vertical.html
0
 

Author Comment

by:GregJRob
ID: 35153114
How would I adapt the mouse over command to work with a link command like "Read More"?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 35153266
I'll take a look when I get up in 5 hours. 2:30am here
0
 
LVL 75

Assisted Solution

by:Michel Plungjan
Michel Plungjan earned 500 total points
ID: 35154322
What I gave you was an "accordion" type effect.

Here is one on a link

http://www.devinrolsen.com/css-hide-and-display-content/
0
 

Author Closing Comment

by:GregJRob
ID: 35167871
I split this only because both responses (from same expert) worked.

Thanks,

Greg~
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

632 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question