Click to open paragraph

• 

  indyjen2011 · Member · Oct 15, 2012 at 10:35 am

  • Copy link
  • Add topic to favorites

  Will someone please tell me the technical name for the gray box design on this page: . I want to condense the amount of information that is shown on a page. (Click the gray bar to show the paragraph). This design will be added to the content part of the page (not a widget column) and I need assistance with the html code or a widget that will give me a clue. Thank you!

• 

  supportbot · Member · Oct 15, 2012 at 10:35 am

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.

• 

  indyjen2011 · Member · Oct 15, 2012 at 10:37 am

  • Copy link

  example page: http://www.resumeresultsonline.com/faq

• 

  1tess · Moderator Emeritus · Oct 15, 2012 at 10:44 am

  • Copy link

  indyjen2011.wordpress.com doesn’t exist

  Please link to the site you are asking about.

• 

  1tess · Moderator Emeritus · Oct 15, 2012 at 10:48 am

  • Copy link

  I believe what you want is called an accordion. But we cannot use javascript here on wordpress.com.

• 

  indyjen2011 · Member · Oct 15, 2012 at 11:19 am

  • Copy link

  Thank you! I really appreciate your fast response. What about paragraphs that show “more…” – when the “more…” is clicked the rest of the paragraph is revealed. Is that javascript as well? I have seen it used in widgets. Thanks again!

• 

  raincoaster · Member · Oct 15, 2012 at 12:08 pm

  • Copy link

  You can easily use that. It’s the More tag, and it’s the one that looks like a dotted line across the page. Put your cursor where you want the break to be, click the button, and there it is!

• 

  indyjen2011 · Member · Oct 15, 2012 at 12:14 pm

  • Copy link

  Thanks raincoaster! I’m trying to create a way to hide paragraphs (which can be revealed with a click). Apparently, accordian javascript can’t be used in WordPress. Any ideas? (see the gray boxes at http://www.resumeresultsonline.com/faq for example)

• 

  1tess · Moderator Emeritus · Oct 15, 2012 at 4:12 pm

  • Copy link

  The more tag just allows you to show part of a post, so when you click it the whole post becomes visible.
  http://en.support.wordpress.com/splitting-content/more-tag/

  Javascript is used in widgets here, but we cannot use it.

  You could do page jumps in combination with pagination.
  http://en.support.wordpress.com/splitting-content/page-jumps/
  http://en.support.wordpress.com/splitting-content/nextpage/
  also this:

  Links to specific points on a page

• 

  1tess · Moderator Emeritus · Oct 15, 2012 at 4:17 pm

  • Copy link

  You can use “cursor help” for words
  <span style="cursor:help;" title="ADDITIONAL_INFO">WORD</span>

  Paragraphs would be sort of difficult to read: you cannot format what shows.