How To Change Style Of Active Toggled Anchor When Using Jquery Toggle?

I'm using the following to toggle several links on a page with relevant data

Option 1).removeClass('active'); $(this).addClass('active');

DEMO

Solution 2:

Try this way : Working Fiddle

 $('.show').not(this).removeClass('active');
      if($(this).hasClass('active')){
         $(this).removeClass('active');
      }else{
         $(this).addClass('active');
      }
   });

Solution 3:

Try this

 $('.targetDiv').hide();

   $('.show').click(function () {
            $(".show").removeClass("highlight");
        $(this).addClass("highlight");
        $('#div' + $(this).attr('target')).toggle('').siblings('.targetDiv').hide('');
        });

define the style that you want to apply in highlight class

Share