JQuery hide Класс, если видна другая категория

Question

Я знаю, что этот вопрос уже задан раньше, и я также попробовал ответить, и это почти сработало для меня, но есть одна проблема, которую я не могу сортировать, я пробовал много способов, но все в порядке. Это ДИВ я хочу, чтобы скрыть

<div class="price-box" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer"> 

     <p class="price"><span class="special-price" style="display: none;"> 
     <span class="amount">$43.50</span> 
     </span> 
     </p> 
    </div> 

когда DIV не пусто

<div class="single_variation"><span class="price"><span class="amount">$43.50</span></span></div> 

Это то, что я реализовать

jQuery(document).ready(function() { 

    if(jQuery('.single_variation').is(':empty')){ 
     alert('hi'); 
     jQuery('.price-box').show(); 
    } 

    }); 

, а также

if($('.price').length) { 
    $('.price-box').hide(); 
} 

Answer 1

:empty выберите элементы, у которых нет детей.

Что вам нужно проверить, является «:visible»:

$(document).ready(function() { 

    if($('.single_variation').is(':visible')){ 
     alert('hi'); 
     $('.special-price').hide(); 
    } 

}); 

Также я заменил шоу на шкурой.

Редактировать: Что это?

if($('.category').length){ 
    $('.filter').hide(); 
} 

В вашем примере нет такой категории, как фильтр. Не полезно в вашем вопросе!