Show More ↓ and Show less↑

[Serghei]

Hi!

it's possible to have a "Show More↓ " Button or clickable text to expand to read all the text and after to click "Show less↑" and close it?  for example the video description text it very long , a lot of tags, a lot of models......  will make the theme to look better. thanks

[Tech Support]

Unfortunately there is no easy way to describe this, as this is complex CSS + JS + HTML feature.

Some idea could be wrapping the needed DIVs that you want to expand / collapse inside the following DIV:

<div id="info_expander" style="max-height: 100px; overflow: hidden;">
  ...
</div>

And then adding this button code:

<div style="text-align: center">
    <button data-type="expand" onclick="$('#info_expander').css({maxHeight: $(this).attr('data-type') == 'expand' ? '10000px' : '100px'}); $(this).attr('data-type', $(this).attr('data-type') == 'expand' ? 'collapse' : 'expand');">Show more</button>
</div>

In both places you can change 100px to adjust the desired initial max height of the content.

But of cause it is always better to move styling to CSS files.

[Serghei]

Thank you. I will try that.