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鏈接。