Javascript div标签的淡入淡出

我有2个div标签。如果我用类adm单击div，emp div会变模糊。单击emp div后，它会恢复到自己的状态，adm 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();
 });
});

如果我单击“雇主雇员”将模糊。单击employee后，它不会返回到其原始状态。现在它应该显示为第三个图像

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

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

---

工作演示

这应该是您的代码：

$(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);
 });
});

---

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

修改的jQuery代码

---

jsiddle link-

您能在中编写代码吗？为什么要在if语句中包装您的fadeTo调用？该函数不返回布尔值。

$(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);
 });
});

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

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