div 标签的淡入淡出

Question

我有 2 div tag.If 我点击 div 与 class adm, emp div 想要获得 blur.After 我点击了 emp div 它回到它自己的状态并且 adm div 会变得 blur.Now 模糊 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>

如果我点击 employer employee 将会模糊。在我点击 employee 之后它没有恢复到原来的状态 state.now 它应该显示为第三张图片

Answer 1

使用这个，你不需要 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 2

这应该是您的代码：

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

Answer 3

您可以使用 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 link- http://jsfiddle.net/6ynwnzgr/

div 标签的淡入淡出

fade in and out for div tag

javascript

ajax

jquery