jquery - 只淡化 div 的顶部？

Question

我有一个<div>，当我点击它时，它会在它<div>下面切换另一个，当你再次点击它时，它就会消失。

问题是，出现了输入表单，<div>当我点击出现的任何地方时<div>，它又消失了。

这是我的 jQuery：

$(document).ready(function(){
  $(".click").click(function(){
    $(".fade", this).fadeToggle();
  });
});

这是我的 HTML：

<div class="click">
  <div style="height:40px; width:900px; border-radius:5px; cursor:hand; cursor:pointer;">
     <img src="images/editloadout.png" />
  </div>
  <div class="fade"> </div>
</div>

有没有办法让它只有在你点击 editloadout.png 时才会切换<img>？

Answer 1

请class="fade" div 在你的类之外使用-"click" div

$(document).ready(function(){
  $(".click img").click(function(){
    $(this).parent().next(".fade").fadeToggle();
  });
});

将$(".click")更改为$(".click img")

Answer 2

你会使用$(".click img")而不是仅仅$(".click")作为你的点击选择器，然后修改fadeToggle，例如

$(document).ready(function(){
  $(".click img").click(function(){
    $(this).parent().next(".fade").fadeToggle();
  });
});