最有效的jquery显示/隐藏切换

时间:2012-08-21 03:17:33

标签: javascript jquery

简单问题:

使用jquery基于select控件显示/隐藏2个div的最有效方法是什么?

<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>

2 个答案:

答案 0 :(得分:4)

在这里:工作演示 http://jsfiddle.net/qPUGL/

API:http://api.jquery.com/toggle/

<强>代码

$('#blablabla').change(function(){
    $("#div1,#div2").toggle()
});​

答案 1 :(得分:0)

检查此JsFiddle Demo

使用slideToggle功能看起来很不错