如何在div顯示時添加類（活動），在隱藏時如何添加類（活動）

Question

請告訴我單擊時如何添加活動類，不單擊時我如何添加活動類。

請檢查我的代碼並告訴我該怎么做，謝謝

我這樣做了，但是什么也沒做。

   jQuery(function(){
     jQuery('#showall').click(function(){
           jQuery('#faq1').show();
    });
    jQuery('.showSingle').click(function(){
          jQuery('.targetDiv').hide().removeclass('active');


          jQuery('#faq'+jQuery(this).attr('target')).show().addClass( 'active' );

  });

Answer 1

 $("p").click(function(e){ $("p").removeClass("active"); $(this).addClass("active"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> <p>Link 1</p> <p>Link 2</p> 

Answer 2

不要使用show() hide()方法。

添加到您的CSS：

.yourTargetElementsSelector { display: none; }
.yourTargetElementsSelector.active { display: block; }

因此，當您添加.active類時，將顯示該元素，否則會將其隱藏。

Answer 3

HTML和腳本

<img src="path/img.png" id="IdForImage"/>

var addActive = document.getElementById("IdForImage"); addActive.classList.add('active'); addActive.classList.remove('active');