jQuery addClass在第二次点击时工作，而不是第一次

Question

我有一个跨越几个div的菜单，我通过单击菜单下方的图像（一个小圆圈）在div之间移动，我需要将该图像更改为“活动”类以指示用户正在查看哪个div。但是，在第一次单击div更改时，但直到第二次单击才会添加“active”类。我还需要在打开菜单时激活第一个圆圈，但我相信，我可以直接在HTML上执行此操作。

代码的相关部分是：

$(".cubierta1").click(function () {
    $(".nav a").removeClass("active");
        $(this).addClass("active");
    $("div[id$=_options]").css("visibility", "hidden");
    $('#cubierta1_options').css("visibility", "visible");
});

你可以看到example here。单击第一个方块以查看菜单。

我需要更改什么才能在首次点击时触发两个事件？

感谢您的帮助。

Answer 1

有两个nav div，一个位于另一个之上。当您单击导航div中的一个链接时，它会获取活动类，然后立即隐藏。点击后看到的是缺少活动按钮的其他导航div。

您需要删除其中一个nav div，并将剩余的一个放在cubierta1_options之外，或将active类添加到cubierta1的所有内容中链接。