Div classes only visible when product name is visible

I have 3 checkout feilds that I don't want to be visible unless that certain product is selected and visible in checkout page.

I would like to make this invisible until product name is visible

<div class="field swissup-checkout-fields__title" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="">

and

<div class="field swissup-checkout-fields__field fc-dirty" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="swissupCheckoutFields.swissup_checkout_field[advanced_replace]">

and

<div class="field swissup-checkout-fields__field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="swissupCheckoutFields.swissup_checkout_field[ticket_code]">

This is product name that would show up to make it visible.

<strong class="product-item-name" data-bind="text: $parent.name">DUM-DMW</strong>