Home/ Questions/Q 8619073
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T06:15:28+00:00

Based on a question answered earlier on SO, I’ve make this script which adds

  • 0

Based on a question answered earlier on SO, I’ve make this script which adds a CSS class to an element onClick. The problem is that it only works one time. How do I reset the function?

This is the jQuery code: 

jQuery(function() {
jQuery('.close-button').click(function(){
    jQuery(".content-display").addClass("cover");
    jQuery(".close-button").addClass("cover");
});

jQuery('.project').click(function(){
    jQuery('.content-display').addClass("uncover");
    jQuery('.close-button').addClass("uncover");
    }); 
});

And a fiddle with everything.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to remove alternative class on action. After you press both close and project in your current code, you have both cover and uncover classes

    jQuery(function() {
   jQuery('.close-button').click(function(){
       jQuery(".content-display").addClass("cover").removeClass("uncover");
       jQuery(".close-button").addClass("cover").removeClass("uncover");
   });

   jQuery('.project').click(function(){
       jQuery('.content-display').addClass("uncover").removeClass("cover");
       jQuery('.close-button').addClass("uncover").removeClass("cover");
   }); 
 });

    For this particular case usage of uncover class seems to be unnecessary, I vote for simple removeClass solution (@Stuart Feldt)

    • 0