how to hide divs with a radio button

I wish I could show or hide a div following the selection of a radio button
I have 4 radio buttons
including 3 which must display the same div
and 1 another div
the best way i found is this one
But is there a way to avoid having 3 divs with the same content?

 2 Cars
<input type="radio" name="choix_livraison" class="choix_livraison" data-nom="POSTE-ENVELLOPPE-belgique"  value ="1" checked="checked"> 

        3 Cars<input type="radio" name="choix_livraison" class="choix_livraison" data-nom="mondial relay-belgiqueE" value="2" > 
    
         3 Cars<input type="radio" name="choix_livraison" class="choix_livraison" data-nom="mondial relay-FRANCE" value="3" > 

 3 Cars<input type="radio" name="choix_livraison" class="choix_livraison" data-nom="mondial relay-autre" value="4" > 

    <div id="1" class="desc">
       j'ai sélectionne 2
    </div>
    <div id="2" class="desc">
        j'ai sélectionne 3
    </div>
  <div id="3" class="desc">
        j'ai sélectionne 3
    </div>
    <div id="4" class="desc">
        j'ai sélectionne 3
    </div>

 <script language="javascript">
   
$(document).ready(function() {
    $("div.desc").hide();
    $("input[name$='choix_livraison']").click(function() {
        var test = $(this).val();
        $("div.desc").hide();
        $("#" + test).show();
    });
});
   
   </script>