Al Click su optgroup di un select, far comparire le option annidate

[otto9due]

Come da titolo ho un select di questo tipo...

<select id="struttura">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Ora vorrei che cliccando su un singolo optgroup comparissero le option annidate al suo interno..
Ho scritto questo ma non funziona..

jQuery(document).ready(function ($) {
    $( 'select#struttura optgroup[label]' ).click(function() {
        $(this).children("option").slideToggle();
    });
});

Ho provato anche qualche variante più generica tipo..

jQuery(document).ready(function ($) {
    $( 'select#struttura optgroup' ).click(function() {
        $(this).children().slideToggle();
    });
});

ma nulla... Avete qualche idea??
Grazie in anticipo.

 

[marino51]

forse manca qualcosa o forse non ho capito, in win10 edge e ie11, le option sono tutte visibili

 

[otto9due]

Si hai ragione, infatti tramite css le ho nascoste, con display: none. Poi vorrei applicare lo slidetoggle una volta cliccata ogni optigtoup[label]


Saluti G.G.