WordPress.org

Ready to get started?Download WordPress

Forums

Expand + Collapse Funk
[resolved] Doesn't expand when formatted?? (4 posts)

  1. Bob Heller
    Member
    Posted 7 months ago #

    Hello - I just installed Expand+Collapse Funk in hopes of adding some expanding/collapsing text to my site. (not a developer, just an end user)
    I put the expansion link and expanding text into the pop-up box - no problem.
    On the page it works fine when left as is, but when I format the text (increase the font size/color or add bullets & carriage returns) the Expansion link shows but no text expands.
    I'm using WP v3.8.1 and the Tempera template.
    Any suggestions?

    http://wordpress.org/plugins/expandcollapse-funk/

  2. Evan Herman
    Member
    Plugin Author

    Posted 7 months ago #

    Hey Bob,

    Changing the formatting of the text inside of the hidden box should not effect what is visible inside of the expanded content area.

    Can you go into the 'text' tab and double check that the expand+collapse structure is correct? Sometimes if there is a line break somewhere in the code, or some other element that may be out of place, the expansion doesn't work as intended.

    It should be structured similar to:

    <div class="exp-col-content-holder"><a class="expand-content-link" href="#">This Is The Link To Click</a>
        <div class="hidden-content">
            <p class="hiddenContentp">This is all of your hidden content. This will be invisible at first, but after clicking on the link above this will slide in.</p>
        </div>
    </div>

    Thanks,
    Evan

  3. Evan Herman
    Member
    Plugin Author

    Posted 7 months ago #

    Click over to the 'Text' tabs and confirm that there is no space between the exp-col-content-holder div and the hidden-content div. Sometimes there is a space created that causes the content not to expand.

    It will look like:

    <div class="exp-col-content-holder"><a class="expand-content-link" href="#">This Is The Link To Click</a>
        <div class="hidden-content">
            <p class="hiddenContentp">This is all of your hidden content. This will be invisible at first, but after clicking on the link above this will slide in.</p>
        </div>
    </div>

    Sometimes it may reformat itself like:

    <div class="exp-col-content-holder"><a class="expand-content-link" href="#">This Is The Link To Click</a>
    
        <div class="hidden-content">
            <p class="hiddenContentp">This is all of your hidden content. This will be invisible at first, but after clicking on the link above this will slide in.</p>
        </div>
    </div>

    Which causes it not to function properly.

  4. Bob Heller
    Member
    Posted 7 months ago #

    Thanks Evan - I took a look at the text & couldn't identify what I was looking for. Editing code is beyond my desires! I did find another plugin that worked as needed.

Reply

You must log in to post.

About this Plugin

About this Topic