у меня есть блоки цена, кнопка купить, и кнопка выбрать компонент
и так же блоки (сами компоненты) у каждого из них по умолчанию стоит количество 0
изначально я хочу чтобы цена и кнопка купить скрывалась, а отображалась кнопка выбрать компонент
а когда в любом из компонентов количество измениться на 1 или больше, то чтобы кнопка выбрать компоненты пропала, а появилась цена с кнопкой купить
сейчас у меня такое получается, но код не срабатывает правильно
$(document).on('change', '.components-qty', function() {
if ($(".components-qty").val()==='0') {
$( '.us-product-info' ).hide();
$( '.us-product-action-left' ).hide();
$( '.select-components' ).show();
} else {
$( '.select-components' ).hide();
}
});
подскажите пожалуйста как можно исправить?