JSFiddle - React, Tailwind, and code Playground

by Pedro Pinto

HTML

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>
<a class='dth-t-more dth-p-s-1 js-dth-view-all' href='#' data-dth-items-count='30'>View All</a>

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>...</li>
    <li>thirty</li>
</ul>
<a class='dth-t-more dth-p-s-1 js-dth-view-all' href='#' data-dth-items-count='31'>View All</a>

JavaScript

$(function() {

	$('.js-dth-view-all').each(function(i, el) {
    	if (parseInt($(el).attr('data-dth-items-count')) < 31) {
        	$(el).hide();
        }
    });
    
});