Olá pessoal, bom dia.
Gostaria de pedir a ajuda de vcs na criação desse filtro que estou fazendo com a tag option.
Basicamente gostaria que ao ser mudada a seleção com o value correspondente, a classe pudesse ter o atributo css display:block; e as demais display:none;
<select id="mySelect" onchange="myFunction()">
<option value="todas" >Todas</option>
<option value="advogadas">Advogadas</option>
<option value="consultora">Consultora de apoio a adolescentes e universidades internacionais</option>
<option value="coordenadora">Coordenadoras da Educação</option>
<option value="coach">Coachs</option>
<option value="psicologas">Psicólogas</option>
<option value="gestora">Gestora de comunicação</option>
<option value="veterinaria">Veterinária</option> <option value="recursos">PHD em Recursos Humanos</option>
</select>
<div class="todas">conteúdo aqui</div>
<div class="advogadas">conteúdo aqui</div>
<div class="consultora">conteúdo aqui</div>
<div class="coordenadora">conteúdo aqui</div>
....Assim por diante...
Desde já, agradeço.