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

Nie jestem pewien co chcesz osiągnąć. Ale z tego co mówisz wynika że próbujesz pokazać element jeżeli, któraś opcja ma selected?

Jeżeli tak to tu masz odp.
https://stackoverflow.com/questions/1021362...ion-is-selected

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?

Dzięki bardzo

odp.

[XML] pobierz, plaintext 
$('#'+$('#dieta option:selected').val()).show();
[XML] pobierz, plaintext