检查元素是否隐藏，但是“ else”不起作用

Question

我有一个街区，当用户单击它时，会出现一些信息（默认情况下它们是隐藏的）。我想要，当用户再次单击该块时，信息将再次关闭。

我使用“ if”，即该元素具有“ hidden”类，请执行某些操作。在此之后，应删除那些隐藏的类，因此，如果在if之后写一个“ else”，它应该可以工作，但不能工作。

为了进行测试，我在其他警报上发出了警报，但是当我再次单击该块并打开信息时，什么也没有发生。

if ($(".container-info").find(".content-holder").hasClass("hidden")) {
  $(e.target).closest(".container-info").find(".hidden").removeClass("hidden");
} else {
  alert("Im Working!");
}

Answer 1

您应该查看jQuery切换功能：

http://api.jquery.com/toggle/

示例：

$( ".content-holder" ).click(function() {
  $(this).closest(".container-info").toggle();
});