how to limited list display?

Question

how to limited list display and press show more display all list for eg :see this image in below and then show more button click display all list. List are display the link. answer me quick

Sunny Sharma · Answer

Hi Rasul, You can do this using little CSS & jQuery. I've created a sample for you. PS the attached file. In the end I would say... please be kind and respectful while posting your questions. We at this forum are to help, we do not work for you so this "answer me quick" thing is quite something unsolicited. If you add a "please" before that, would be more noticeable. Hope you understand what I mean. Please don't forget to accept this as answer if it helps! Thanks.

rasul moh · Answer

Automotive Automotive Services User Login Caravan & Campervan Cars, Vans & Utes Heavy, Farming & Agriculture Equipment Mechanics & Garages Motorcycles & Scooters Parts & Accessories Trailers ////////// in below paste this script///////////// $('ul.term-list').each(function () { var LiN = $(this).find('li').length; if (LiN > 3) { $('li', this).eq(2).nextAll().hide().addClass('toggleable'); $(this).append(' More... '); } }); $('ul.term-list').on('click', '.more', function () { if ($(this).hasClass('less')) { $(this).text('More...').removeClass('less'); } else { $(this).text('Less...').addClass('less'); } $(this).siblings('li.toggleable').slideToggle(); }); ///////and then attach css file use it///////////////// surely it work

how to limited list display?

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (2)