Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Height issue with PURE CSS Accordion FAQ

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #204051
    niclamarino
    Participant

    Hi!
    I’m using this http://codepen.io/anzjoy/pen/bahAv accordion menu to create a FAQ. Problem is that height is fixed, so whenever text is too long (or on mobile devices), text is cut us.

    I’ve tried to use height: auto, overflow: hidden; min-height, !important and all the tags to make the height responsive, but whenever I do this, If I click on the tabs, the scrolling accordion effect doesn’t work or it jumps to top page.

    How can I solve this? I’d prefer not using JS or Jquery…thanks!

    #204062
    Paulie_D
    Member

    Often a workaround is to animate max-height from 0 to some large number.

    This can be funky however.

    Even JQuery can’t animate to or from auto natively, however there are plug-ins available.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.