Hide Title on Open

  • Resolved fcvolunteer

    (@fcvolunteer)


    10 years, 2 months ago

    I’m using this to add a “read more” button to my blog posts that I have featured on my homepage. The problem I’m having is that once the text “read more…” is clicked and the post is expanded, the “read more…” text still shows. I’d like that to disappear once it’s open and I want the post to collapse once another “read more…” button is clicked in another post.

    Is that possible?

    Thanks!

    https://www.ads-software.com/plugins/jquery-collapse-o-matic/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Baden

    (@baden03)

    yes.
    first, you will need to use the swaptitle attribute to replace “read more…” with ” ” (notice the empty space). Keep in mind you will need to remove the arrow if you want the trigger to be completely ‘invisible’ on expand.
    https://plugins.twinpictures.de/plugins/collapse-o-matic/documentation/#swaptitle

    next, you will need to use highlander grouping to only allow one element to be expanded at a time.
    https://plugins.twinpictures.de/plugins/collapse-o-matic/documentation/#highlander

    Thread Starter fcvolunteer

    (@fcvolunteer)

    Hi Baden,
    Thanks so much. I thought I had paid attention when reading through the documentation but obviously I missed those. Thanks for pointing me in the right direction.

    Two more questions which I checked for and didn’t see in the documentation (I apologize if I missed them).

    1) Is there a way to close the expanded text by clicking on it even if I hide the trigger?

    2) Is there any way to insert a <span></span> tag in the title so I can change the color of one of the words in the title?

    Thanks!

    Plugin Author Baden

    (@baden03)

    1) the best way to do this is to add an Internal Collapse Trigger at the bottom of your content. Of course you could wrap the entire content inside the ICT… but this does not really intuitive to your user, where as placing a simple ICT with the text ‘…read less’ or ‘click to close’ is pretty straight forward.

    2) yes.

    [expand title="This is <span class='whoopie'>really</span> special"]...and you are you.[/expand]

    but wait, there is more! how about a full explanation and demo for your instructional pleasure.

    3) if you are happy, and you know it, please leave a review or even consider purchasing the Collapse-Pro-Matic as a nice high-five!

    Issue marked as resolved

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hide Title on Open’ is closed to new replies.