淡入淡出div标记

我有2个div标记。如果我点击div与类adm，emp div希望得到blur.After我点击emp div它回到自己的状态和adm div将blur.Now blured div不会回到原来的状态。淡入淡出div标记

我附加了html和jQuery代码。

jquery 
    <script> 
$(document).ready(function(){ 
    $(".adm").click(function(){ 
    $(".emp").fadeTo("slow",0.15); 
    if($(".adm").fadeTo(0.15)) 
    $(".adm").fadeIn(); 
    }); 
$(".emp").click(function(){ 
$(".adm").fadeTo("slow",0.15); 
if($(".emp").fadeTo(0.15)) 
    $(".emp").fadeIn(); 
}); 
});

html 
<div class="adm"> 
    ... 
</div> 
<div class="emp"> 
    ... 
</div>

enter image description here

如果我点击雇主的员工将变得模糊。之后我点击职工它不会回到原来的state.now应该出现第三图像 enter image description here

来源

2015-01-07 user3386779

可以请你写你的代码[的jsfiddle（http://jsfiddle.net/） –

你为什么包装你的'fadeTo（）'调用'if'语句吗？该函数不返回布尔值。 –

这应该是你的代码：

$(document).ready(function(){ 
    $(".adm").click(function(){ 
    $(".emp").fadeTo("slow",0.15); 
    $(".adm").fadeTo("slow",1); 
    }); 
$(".emp").click(function(){ 
$(".adm").fadeTo("slow",0.15); 
$(".emp").fadeTo("slow",1); 
}); 
});

Fiddle Link

来源

2015-01-07 07:32:43 ArinCool

使用这个，你不需要if声明

$(".adm").click(function(){ 
    $(".emp").fadeTo("slow",0.15); 
    $(".adm").fadeTo("slow",1); 
    }); 

$(".emp").click(function(){ 
$(".adm").fadeTo("slow",0.15); 
$(".emp").fadeTo("slow",1); 
});

工作演示http://jsfiddle.net/243qgkn1/1/

来源

2015-01-07 07:31:52 Cattla

您可以使用use fadeTo方法更改当前元素的透明度。

修改jQuery代码

$(".adm").click(function(){ 
    $(".emp").fadeTo("slow",0.15); 
    $(".adm").fadeTo("slow",1); 
}); 

$(".emp").click(function(){ 
    $(".adm").fadeTo("slow",0.15); 
    $(".emp").fadeTo("slow",1); 
});

的jsfiddle链接 - http://jsfiddle.net/6ynwnzgr/

来源

2015-01-07 07:35:13

淡入淡出div标记

回答

相关问题