Solved

How to accordian text in an html mailer

Posted on 2011-03-16
5
232 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
  • 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Every business owner understands the significance of online customer reviews and the impact it can have on sales and revenues. With technology advancing at such a rapid pace, getting online reviews has never been easier, especially when many regions…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

747 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now