JSFiddle - React, Tailwind, and code Playground

by webxz

HTML

<!-- tabs content -->
<ul class="tabs1">
<li class="active"><a href="#" title="Описание" >Описание</a></li>
<li><a href="#" title="Съемочная группа">Съемочная группа</a></li>
<li><a href="#" title="Кадры">Трейлер и Кадры</a></li>
<li><a href="#" title="Рецензии">Рецензии</a></li>
    <li><a href="#" title="Кадры">Трейлер и Кадры</a></li>
    <li><a href="#" title="Кадры">Трейлер и Кадры</a></li>
</ul>
<div style="clear:both"></div>
<div class="tabs1_content">
<div> <p>{full-story}</p></div>
<div>
[xfgiven_director_url][xfvalue_director_url][/xfgiven_director_url]<br>
[xfgiven_scenario_url][xfvalue_scenario_url][/xfgiven_scenario_url]<br>
[xfgiven_producer_url][xfvalue_producer_url][/xfgiven_producer_url] <br>
[xfgiven_operator_url][xfvalue_operator_url][/xfgiven_operator_url]<br>
[xfgiven_composer_url][xfvalue_composer_url][/xfgiven_composer_url]<br>
[xfgiven_artist_url][xfvalue_artist_url][/xfgiven_artist_url]<br>
[xfgiven_installation_url][xfvalue_installation_url][/xfgiven_installation_url]</div>
<div><p>[xfgiven_trailer][xfvalue_trailer][/xfgiven_trailer]</p><br>
<h3>Кадры</h3><br>[xfgiven_stills][xfvalue_stills][/xfgiven_stills]</div>
<div>[xfgiven_review][xfvalue_review][/xfgiven_review]</div>
</div>
<!-- tabs content -->

CSS

.tab-empty a{color: red}

JavaScript

if ( $('.tabs1 > li').length > $('.tabs1_content > div').length ) {
    var i = 0;
    $('.tabs1 > li').each(function() {
        i++;
        if ( $('.tabs1_content > div:nth-child('+i+')').length == 0 ) {
            $(this).addClass('tab-empty') 
            // если хотите удалить пустые, то addClass('tab-empty')
            // меняете на remove().
            // вот так: $(this).remove() 
        }
        
    })
    
}