HELP PLEASE FOR NOT USE CSS WITH JQUERY

HELP PLEASE FOR NOT USE CSS WITH JQUERY

Hello colleagues. I need avoid use of css for arrow on each button:

CSS:  #arrow_r1 -c1-sC0 {  margin-left : 35px ;},  #arrow_r1 -c2-sC0 {   margin-left : 14px ;},etc...

Can you correct this with jquery?

See project working: http://jsfiddle.net/nDmMq/31/

js:

  1. $('#button li:first-child').addClass('active');// first tab activated
  2. $('span#arrow_r1-c1-sC0').show();//show arrow first tab

  4. $('ul#button > li').click(function () {
  5.     var idButton    =  $(this).attr('id').substr(10);//extract id attribute
  6.     
  7.   $(this).closest('ul#button').children('li').removeClass('active');//remove activation
  8.   $('li[id=buttonInf_'+idButton+']').addClass('active');//show activation to selected li  
  9.   $('.arrow').not('span[id=arrow_'+idButton+']').hide();//hide class arrow
  10.   $('span[id=arrow_'+idButton+']').show(); //show id arrow selected    
  11.     
  12.     return false;      
  13. });
MIKEPIANIST.-