Всем привет! Есть магазин и виджет с корзиной. По идее при добавлении товара в корзину должен появляться контейнер с классом fixed-bottom, но проблема в том, что условие if-else (когда корзина пуста в списке "cart_list product_list_widget" отображается li с классом empty) не отрабатывает и контейнер отображается всегда, хоть у него и прописано в стилях display:none
if ($(".cart_list.product_list_widget li").hasClass("empty")) {
$(".fixed-bottom").hide();
} else {
$(".fixed-bottom").show().fadeTo("slow");
};
.fixed-bottom {
position: fixed;
bottom: 0;
z-index: 20;
background-color: #990000;
margin: 0;
width: 100%;
color: #fff;
padding-top: 30px;
display: none;
}
<div class="fixed-bottom">
<div class="container">
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
</div>
</div>
<div class="widget_shopping_cart_content">
<ul class="cart_list product_list_widget ">
<li class="empty">Корзина пуста.</li>
</ul>
</div>