Salve
ho creato un semplice script ma non sta funzionando; che abbia dimenticato qualcosa nel codice ?
Chiedo supporto magari è un errore mio.


codice HTML:
<script src="https://code.jquery.com/jquery-3.6.2.slim.min.js" integrity="sha256-E3P3OaTZH+HlEM7f1gdAT3lHAn4nWBZXuYe89DFg2d0="  crossorigin="anonymous"></script>
<script>    $(document).ready(function(){ $('input:radio[name='settore']:checked').change(function() {if($("input[name='settore']").val() == '1');    $("div#pos-animatore").show();if($("input[name='settore']").val() == '2');$("div#post-risto").show();    });    });
</script><body><div>    <input type="radio" name="settore" value="!"><label for"animazione"> Animazione</label>    <input type="radio" name="settore" value="2"><label for"lavoro-an">Ristorante</label>    <input type="radio" name="settore" value="3"><label for"lavoro-an">Hotel</label></div>
<p></p>
<div id="pos-animatore" style="display: none;"><select class="pos-lavoro"  name="pos-lavoro-animatore" >            <option>Selecione</option>            <option value="1">capo animazione</option>            <option value="2">miniclub</option>            <option value="3">sport</option>        </select></div>
<div id="pos-risto" style="display: none;">        <select class="pos-lavoro"  name="pos-lavoro-risto">            <option>Selecione</option>            <option value="sofa-1">cuoco</option>            <option value="sofa-2">barman</option>            <option value="sofa-3">cameriere</option>        </select>
<div id="pos-hotel" style="display: none;">        <select class="pos-lavoro" name="pos-lavoro-risto">            <option>Selecione</option>            <option value="sofa-1">Menos de 6 meses</option>            <option value="sofa-2">De 6 meses a 2 anos</option>            <option value="sofa-3">Mais de 2 anos</option>        </select>    </div>