WordPress.org

Ready to get started?Download WordPress

Forums

Collapse-O-Matic
[resolved] Expand to a different anchor point on the same page (4 posts)

  1. thirdpotato
    Member
    Posted 1 year ago #

    Hello, I really hope I can phrase properly what I'm trying to do. I want to make a character cast page by having the characters listed in a horizontal div above the page content. When you click on the character, that character's profile shows up in the page content. My idea was to have the profile area as a div, all the characters loaded in one long document, essentially, and using an anchorpoint to scroll to that character's info. Is something like this possible with Collapse O Matic? Here's a screencap of what I'm trying to accomplish
    http://smg.beta.photobucket.com/user/C_San/media/mockupcastpage_zps45fb1f8b.jpg.html?sort=3&o=4

    http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

    And I don't know if this would be the same thing, but is it possible to have the collapsable content open up somewhere apart from the arrow? Say you had some text like so:

    Blah blah blah blah ARROW blah blah blah
    Content expands down here.

    How would that be done?

  2. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    try the roll-your-own method of creating expands.

  3. thirdpotato
    Member
    Posted 1 year ago #

    Thank you! I'm not sure what I'm doing wrong. I did the following code in the HTML editor:
    Testing some information. It should drop down here:
    <div class="collapseomatic_content" id="testdrop">I'm the information that drops down when you clicked!</div>
    By clicking this <span class="collapseomatic" id="testdrop" title="text here">text here,</span> information should drop down above. Testing the Roll-your-own feature.

    But here are the results: http://tobylotak.com/test/ (see bottom of the page)

  4. Baden
    Member
    Plugin Author

    Posted 1 year ago #

    The target must include target- and the ide of the trigger like so:

    <div class="collapseomatic_content" id="target-testdrop">I'm the information that drops down when you clicked!</div>
    By clicking this <span class="collapseomatic" id="testdrop" title="text here">text here,</span> information should drop down above. Testing the Roll-your-own feature.

    Please read instructions carefully.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic