当另一个切换时如何隐藏一个div？

Question

我在 div 中有一个图像，单击时会切换另一个 div，我想在新 div 出现时隐藏包含该图像的 div。 当我只使用 abreInfo() 时，它可以工作，但我也想隐藏容器 div。 我该怎么做？

function abreInfo(event, id) {
    event.preventDefault();
    $("#" + id).toggle("slow");
}

function fechardiv(div) {
    document.getElementById(div).style.display = "none";
}

http://codepen.io/Ryuh/pen/BzaNLL

Answer 1

您可以使用 jQuery 更轻松地做到这一点，如下所示：

$('#container').on('click', function() {
  $(this).hide();
  $('#id').show();
});

完整代码在这里https://jsfiddle.net/yLhq7ga6/

Answer 2

在 abreInfo() 中添加$(event.currentTarget).closest('div').hide() 。

.closest()获取与选择器匹配的第一个祖先。 我会确保容器有一个类，以确保您点击了正确的元素。

function abreInfo(event, id) {
    event.preventDefault();
    $("#"+id).toggle("slow");
    $(event.currentTarget).closest('div').hide("slow");
}

Answer 3

不需要abreInfo()函数。 如果您只想在隐藏图像后显示下一个 div。 只需像这样使用您的功能。 也像这样从onclick删除abreInfo()函数

function fechardiv(div){          
  $("#"+div).hide();
  $("#"+div).next().fadeIn();
}