KingKongFrog
KingKongFrog

Reputation: 14419

Most efficient jquery show/hide Toggle

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

Answers (2)

Tats_innit
Tats_innit

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

Osama Ahmad
Osama Ahmad

Reputation: 235

Check this JsFiddle Demo

Using slideToggle function it looks nice

Upvotes: 0

Related Questions