Elaborei a seguinte condição:
jQuery:
$( "#selectOption" ).click(function() {
var option = $( "#selectOption option:selected" ).val();
if(option!='escolha'){
if(option==2){
$( "#atendimento_a" ).remove();
$( "#locais_de_atendimento" ).remove();
$( "#dias_de_atendimento" ).remove();
}
if(option==3){
$( "#atendimento_a" ).remove();
$( "#locais_de_atendimento" ).remove();
$( "#dias_de_atendimento" ).remove();
$( "#eu_adoro" ).remove();
}
}
});
Form:
<select id="selectOption" name="selectOption">
<option>escolha</option>
<option value="1">destaque</option>
<option value="2">mini</option>
<option value="3">free</option>
</select>
Caso o retorno do select de opções for 2 ou 3, removo as divs em questão, como eu faço para ADICIONAR novamente as divs, caso a opção seja a opção 1? Sem que fique duplicado ou algo neste sentido??
.remove()
usar.hide()
e.show()
?