[JavaScript][HTML] show/hide pokazanie ukrytego div Opcje

[zyluss]

Witajcie, borykam się z problemem na który nie mogę znaleźć odpowiedzi, mianowicie mam ukryte divy prostą funkcją:

[XML] pobierz, plaintext 
$(function() {
  $('#dieta').change(function(){
    $('.diets').hide();
    $('#' + $(this).val()).show();
  });
});
[XML] pobierz, plaintext 

i teraz po wejściu na stronę z konkretnym planem mam już jakiś wybrany ale nadal on ma display: none, a chciałbym aby zaznaczony był już widoczny

[HTML] pobierz, plaintext 
 <select class="form-control" id="dieta">
<option value="fit">Fit</option>
<option value="sport" selected>Sport</option>
<option value="economy">Economy</option>
</select>
[HTML] pobierz, plaintext 

w css próbowałem option:checked ale nie działa takie rozwiązanie

[trueblue]

Możesz wywołać zdarzenie change, które przypiąłeś do select.
Ale skoro ustawiasz w HTML wybraną opcje, to dlaczego tam również nie usuniesz stylu?