A simple expanding list in CSS only

Recently I was working on a site that needed to have an expanding list of items, the list is quite long but we wanted part of it hidden until the user clicks an option to expand it fully.
I was thinking about how I’d done this in the past and wha…


This content originally appeared on Posts on LINQ to Fail and was authored by Posts on LINQ to Fail

Recently I was working on a site that needed to have an expanding list of items, the list is quite long but we wanted part of it hidden until the user clicks an option to expand it fully. I was thinking about how I’d done this in the past and what would be the simplest way to do it. Normally I’d just whip out a bit of JavaScript, find the ul, find any li's beyond the count limiter and hide them and when the user clicks the button it’ll make them visible.


This content originally appeared on Posts on LINQ to Fail and was authored by Posts on LINQ to Fail


Print Share Comment Cite Upload Translate Updates
APA

Posts on LINQ to Fail | Sciencx (2014-08-21T00:00:00+00:00) A simple expanding list in CSS only. Retrieved from https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/

MLA
" » A simple expanding list in CSS only." Posts on LINQ to Fail | Sciencx - Thursday August 21, 2014, https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/
HARVARD
Posts on LINQ to Fail | Sciencx Thursday August 21, 2014 » A simple expanding list in CSS only., viewed ,<https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/>
VANCOUVER
Posts on LINQ to Fail | Sciencx - » A simple expanding list in CSS only. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/
CHICAGO
" » A simple expanding list in CSS only." Posts on LINQ to Fail | Sciencx - Accessed . https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/
IEEE
" » A simple expanding list in CSS only." Posts on LINQ to Fail | Sciencx [Online]. Available: https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/. [Accessed: ]
rf:citation
» A simple expanding list in CSS only | Posts on LINQ to Fail | Sciencx | https://www.scien.cx/2014/08/21/a-simple-expanding-list-in-css-only/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts