jQuery addClass的第二次点击，而不是第一次

Question

我有一个跨越多个div的菜单，我通过单击菜单（一个小圆圈）下面的图像在divs之间移动，我需要该图像更改为“活动”类以指示用户正在查看哪个div。但是，首先点击div更改，但直到第二次点击“活动”类被添加。我也需要打开菜单时使第一个圆圈处于活动状态，但我相信，我可以直接在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中的一个链接时，它会获得活动的类，然后立即隐藏。你点击后看到的是其他 nav div缺少活动按钮。

你需要摆脱nav的div之一，并定位剩下的一个cubierta1_options外，或active类添加到所有cubierta1链接。