淡入淡出div标签

Question

我有2个div标签。如果我点击div与类adm，emp div想要模糊。我点击emp div它回到它自己的状态和adm div将变得模糊。现在模糊div没有＆＃t; t回到原来的状态。

我附加了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>

如果我点击雇主员工会模糊。点击员工之后它没有回到原来的状态。现在它应该显示为第三个图像

Answer 1

您可以使用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/

Answer 2

使用此功能，您不需要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/

Answer 3

这应该是你的代码：

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