Queria usar um efeito jQuery, por exemplo o hide()
. É possível implementar este efeito ao clicar num <option>
?
<div class="form-group" style="margin-left: 10px;margin-right:10px;width:50%;">
<label>Selecione a categoria</label><br>
<select class="form-control" name="categoria" id="cat" required>
<option value="0" disabled selected hidden>Categoria</option>
<option class="bt1">Impressão Digital (frente)</option>
<option class="bt2" value="2">Impressão Digital (frente/verso)</option>
</select>
</div>
Neste caso, o meu objetivo era que ao clicar num destes <option>
uma certa <div>
se escondesse (usando hide()
).
Já tentei usando este código jQuery e não funciona:
<script>
$(document).ready(function() {
$(".bt1").click(function() {
$(".div1").siblings().hide();
});
});
</script>