A drop down text

  • Unknown's avatar

    I would like to know how to make a drop down texts. I’m not talking about drop down menu or something that goes to another page (link), but just a some kind of clickable text/header that’ll drop down a text or list so I could make a page much shorter and reader to get “more info” of that certain subject if wanting to by clicking it.

    I’m not super familiar with HTML, CSS, Javascript, whatnot and I’m not even sure what the ultimate difference they have, but I read lots of stuff from here https://www.htmldog.com/guides/css/beginner/ and saw many examples, but not quiet what I was looking for. I could, of course, tweak many of those examples to make something out that would feed my needs, but as I said I do understand stuff of CSS but not that much.

    And second thing is how to get it correctly on the site. I use wp.com and all the page making tools there are and paid Premium plan. I just noticed there is a section where I can add CSS. I used it once when I had to put a Twitter post there.

    The blog I need help with is: (visible only to logged in users)

  • Hi there, I’d recommend searching for “CSS Only Accordion” or similar text for examples.

    If you need help implementing them, beyond the basics of using an HTML block and pasting the code you need under Customize > CSS, please note that’s outside our scope of CSS support. But, if you’re not able to figure it out, you can likely find a contractor to help you through if needed. We currently recommend UpWork.com.

    One thing that isn’t the same as an accordion but does tend to work well cross platform (including on phones and on screen-reading devices) is jump links: rather than hiding content behind boxes that have to open and close, you post a table of contents of sorts at the top. We have a how-to on that here, and support can help if needed:
    https://en.support.wordpress.com/splitting-content/page-jumps/

  • Unknown's avatar

    Thanks for these tips, I’ll try them out :)

  • The topic ‘A drop down text’ is closed to new replies.