How do I achieve this in jQuery?

Could anyone please help me with this code?

    Categoria utente (User category)   
    <select class="operators" id="operators02">
      <option value="client" selected>Persona (Client)</option>
      <option value="association">Associazione convenzionata (Association)</option>
      <option value="vendor">Partner fornitore (Vendor)</option>
    </select>&nbsp;&nbsp;&nbsp;
    
    <select class="operatoroptions" id="operatoroptionss02">
      <option value="and">e (and)</option>
      <option value="or">o (or)</option>
      <option value="not">non (not)</option>
    </select> 
    <br>
    <br>


    <span class="associazioneapparteneneza">
        Nome associazione (Name of User's Association)&nbsp;&nbsp;&nbsp;
        <select class="operators" id="operators03A">
          <option value="contains">contiene (contains)</option>
          <option value="doesnotcontain">non contiene (does not contain)</option>
          <option value="equalto">uguale a (equal to)</option>
          <option value="notequalto">non uguale a(not equal to)</option>
        </select>&nbsp;&nbsp;&nbsp;
    
        <input id="input_UserAssociationName"></input>&nbsp;&nbsp;&nbsp;
    
        <select class="operatoroptions" id="operatoroptionss03A">
          <option value="and">e (and)</option>
          <option value="or">o (or)</option>
          <option value="not">non (not)</option>
        </select>
    </span> 

    <span class="nomeattivita nomeassociazione">
        Nome Associazione Convenzionata (Name of Association)&nbsp;&nbsp;&nbsp;
        <select class="operators" id="operators03B">
          <option value="contains">contiene (contains)</option>
          <option value="doesnotcontain">non contiene (does not contain)</option>
          <option value="equalto">uguale a (equal to)</option>
          <option value="notequalto">non uguale a(not equal to)</option>
        </select>&nbsp;&nbsp;&nbsp;
    
        <input id="input_AssociationName"></input>&nbsp;&nbsp;&nbsp;
    
        <select class="operatoroptions" id="operatoroptionss03B">
          <option value="and">e (and)</option>
          <option value="or">o (or)</option>
          <option value="not">non (not)</option>
        </select>
    </span> 

    <span class="nomeattivita ragionesociale">
        Ragione sociale (Business name)&nbsp;&nbsp;&nbsp;
        <select class="operators" id="operators03C">
          <option value="contains">contiene (contains)</option>
          <option value="doesnotcontain">non contiene (does not contain)</option>
          <option value="equalto">uguale a (equal to)</option>
          <option value="notequalto">non uguale a(not equal to)</option>
        </select>&nbsp;&nbsp;&nbsp;
    
        <input id="input_BusinessName"></input>&nbsp;&nbsp;&nbsp;
    
        <select class="operatoroptions" id="operatoroptionss03C">
          <option value="and">e (and)</option>
          <option value="or">o (or)</option>
          <option value="not">non (not)</option>
        </select>
    </span> 

Select allOpen in new window

In #operators02

if I select option "client" then span.associazioneapparteneneza should become visible and span.nomeattivita should be hidden

if I select option "association" then span.associazioneapparteneneza and span.ragionesociale should hide and span.nomeassociazione should be visible

if I select option "vendor" then span.associazioneapparteneneza and span.nomeassociazione should hide and span.ragionesociale should be visible


I would like jQuery to achieve this.

thanks in advance