Reputation: 14419
Simple question:
What is the most efficient way of showing/hiding 2 divs based on a select control using jquery?
<div id="div1">DIV 1 BRO</div>
<div id="div2" style="display:none;">THIS BE DIV 2 CUZ</div>
<select id="blablabla">
<option value="div1">div1</option>
<option value="div2">div2</option>
</select>
Upvotes: 1
Views: 341
Reputation: 34107
Here you go: Working Demo http://jsfiddle.net/qPUGL/
API: http://api.jquery.com/toggle/
Code
$('#blablabla').change(function(){
$("#div1,#div2").toggle()
});
Upvotes: 4
Reputation: 235
Check this JsFiddle Demo
Using slideToggle function it looks nice
Upvotes: 0