Click to open paragraph

  • Author
    Posts
  • #1042186

    indyjen2011
    Member

    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!

    #1042256

    supportbot
    Member

    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.

    #1042257

    indyjen2011
    Member
    #1042259

    1tess
    Moderator Emeritus

    indyjen2011.wordpress.com doesn’t exist

    Please link to the site you are asking about.

    #1042260

    1tess
    Moderator Emeritus

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

    #1042262

    indyjen2011
    Member

    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!

    #1042263

    raincoaster
    Member

    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!

    #1042265

    indyjen2011
    Member

    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)

    #1042276

    1tess
    Moderator Emeritus

    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:
    http://wpbtips.wordpress.com/2010/08/01/links-to-specific-points-on-a-page/

    #1042277

    1tess
    Moderator Emeritus

    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.

The topic ‘Click to open paragraph’ is closed to new replies.