Как проверить видимость элемента jquery?

Привел тестовый пример с сайта для удобства. Вроде бы всё норм: нажатие на кнопку корзины и появление счетчика товаров. После перезагрузки страницы на сайте уже не будет ни кнопки, ни счётчика (т.к в css у счётчика товаров "num" display:none). Просьба помочь, как реализовать проверку условия: если виден элемент счётчик, то спрятать кнопку, иначе - показать кнопку добавления в корзину

$('.add2cart').click(function(e) { 
            e.preventDefault(); 
            $(this).hide(); 
            $(this).prev('.num').show(); 
 
});

.num { 
   display: none;  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input class="num" type="number" placeholder="кол-во"> 
<a class="add2cart" href=""> 
  <img src="https://d30y9cdsu7xlg0.cloudfront.net/png/38919-200.png" alt=""> 
</a>

Я попытался сделать такое условие:

if ( $( ".add2cart" ).length ) {
                $( ".num" ).show();
            } else {
                $( ".num" ).hide();
}