jQuery-从多个下拉列表中淡出DIV
我需要淡出“.checkbox10”DIV,前提是所有三个下拉列表都返回到原始(“无”)选择。希望有人能帮忙。谢谢 *我让这个DIV fadeIn()在进行任何选择时使用“change”都可以正常工作。。。没问题jQuery-从多个下拉列表中淡出DIV,jquery,html,css,fadeout,Jquery,Html,Css,Fadeout,我需要淡出“.checkbox10”DIV,前提是所有三个下拉列表都返回到原始(“无”)选择。希望有人能帮忙。谢谢 *我让这个DIV fadeIn()在进行任何选择时使用“change”都可以正常工作。。。没问题 做出选择&rarr; 个人 夫妇 家庭 做出选择&rarr; 个人 夫妇 家庭 做出选择&rarr; 个人 夫妇 家庭 九折 这是解决方案,请查看此演示 JS: <select class="planDrop" id="golfplan" name='golfplan' onc
做出选择&rarr;
个人
夫妇
家庭
做出选择&rarr;
个人
夫妇
家庭
做出选择&rarr;
个人
夫妇
家庭
九折
这是解决方案,请查看此演示
JS:
<select class="planDrop" id="golfplan" name='golfplan' onchange="calculateTotal()">
<option value="None">Make Selection →</option>
<option value="g1">Individual</option>
<option value="g2">Couple</option>
<option value="g3">Family</option>
</select>
<select class="planDrop" id="tennisplan" name='tennisplan' onchange="calculateTotal()">
<option value="None">Make Selection →</option>
<option value="t1">Individual</option>
<option value="t2">Couple</option>
<option value="t3">Family</option>
</select>
<select class="planDrop" id="poolplan" name='poolplan' onchange="calculateTotal()">
<option value="None">Make Selection →</option>
<option value="p1">Individual</option>
<option value="p2">Couple</option>
<option value="p3">Family</option>
</select>
<div class="checkbox10" id="init10Section" style="display:none;">
<div><input type="checkbox" id="init10" name='init10' onclick="calculateTotal()" /> 10% Off</div>
</div>
$('.planDrop').change(function(){
if($('#golfplan').val() == "None" && $('#tennisplan').val() == "None" && $('#poolplan').val() == "None")
{
$('.checkbox10').fadeOut(500);
}
else
{
$('.checkbox10').fadeIn(1000);
}
});