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

您使用$(".click img")代替$(".click")作为点击选择器，然后修改fadeToggle，例如

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

Answer 2

请 class =“淡出” div在类之外使用 - “点击” div

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

将 $（“。click”）更改为 $（“。点击img”）

toggleFade只有div的顶部？

2 个答案: