Read More / Read Less On Click With Elementor | Tips & Tricks

[@thecreativarena]

Copy and paste Code below /* CSS CLASSES service-card details-area read-more read-less content-hide */ var $ = jQuery; $(document).ready(function(){ $('.read-more').on('click', function(){ event.preventDefault() $(this).toggleClass('content-hide') $(this).closest('.service-card').find('.read-less, .details-area').toggleClass('content-hide') }) $('.read-less').on('click', function(){ event.preventDefault() $(this).toggleClass('content-hide') $(this).closest('.service-card').find('.read-more, .details-area').toggleClass('content-hide') }) }) .content-hide{ display: none; }

[@EmaanFatima-q3t]

Very informative and interesting

[@GbengaSaviour]

This is really helpful thank you Soo much

[@YomeerEditz]

tnx..but when I clicked on "read more, " the height of all the boxes also expanded.