當另一個切換時如何隱藏一個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();
}