Question

Hi I’m trying to use a toggle() with a callback for on/off:

instantMsgTabOptions.click(function() {
instantMsgOptions.toggle(function() {
        $('table.instantMsgTabs td.instantMsgTabOptions').css('color','#849C00').css('text-decoration', 'underline');
    },function() {
        $('table.instantMsgTabs td.instantMsgTabOptions').css('color','#000').css('text-decoration', 'none');
    });
});

this doesn’t work – any advice on what needs to be changed?

thx

Answer 1

Create css rule with:

.myclass {
  color: #849C00;
  text-decoration: underline;
}

And use toggleClass like this:

instantMsgTabOptions.click(function() {
   $('table.instantMsgTabs td.instantMsgTabOptions').toggleClass('myclass');
});