リンクをクリックし、divにクラスを追加します。他のdivクラスをクリックしてもう一度やり直してください

Question

リンクをクリックしたときにdivにクラスを追加したいのですが、別のリンクをクリックするとクラスを削除して1秒後にもう一度追加します。目的は、CSSでdivを表示/非表示にすることです。

jQuery('.mapplic-pin').on('click', function(e) { 
     e.preventDefault(); 


    if(jQuery(this).closest('.mapplic-map').hasClass('active')) { 

     jQuery('.mapplic-map').removeClass('active'); 
    } else { 

     jQuery('.mapplic-map').removeClass('active'); 


     jQuery(this).closest('.mapplic-map').addClass('active'); 
    } 

}); 

Answer 1

はあなたが立ち往生している場所の例を提供することにより、あなたの質問を向上させることができますが、道に沿ってあなたを助けるために、HERESにいくつかのリソース：

The documentation for jQuery .click() events

この

は私のコードですそして and here's Vanilla JS onClick

jQuery delayとVanilla JS setTimeout

Answer 2

これは私のコードです：

jQuery（ '。mapplic-pin'）on（ 'click'、function（e）{ e.preventDefault（）;

if(jQuery(this).closest('.mapplic-map').hasClass('active')) { 

     jQuery('.mapplic-map').removeClass('active'); 
    } else { 

     jQuery('.mapplic-map').removeClass('active'); 


     jQuery(this).closest('.mapplic-map').addClass('active'); 
    } 

}）;