Как изменить стиль активного переключателя при использовании jquery toggle?

Question

Я использую следующие для переключения несколько ссылок на странице с соответствующими данными

<div class="buttons"> 
    <a class="show" target="1">Option 1</a> 
    <a class="show" target="2">Option 2</a> 
    <a class="show" target="3">Option 3</a> 
    <a class="show" target="4">Option 4</a> 
</div> 

<div id="div1" class="targetDiv">Lorum Ipsum 1</div> 
<div id="div2" class="targetDiv">Lorum Ipsum 2</div> 
<div id="div3" class="targetDiv">Lorum Ipsum 3</div> 
<div id="div4" class="targetDiv">Lorum Ipsum 4</div> 

JS:

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

Который работает для того, что я хочу просто хорошо, но то, что я хотел бы знать, если можно изменить стиль ссылки, когда каждый из них активен. Поэтому пользователь знает, что просматривает содержимое этой ссылки. Поэтому, если текущий класс show является фоном: # 000; например, могу ли я изменить его на фон: #fff; как-то, когда отображается эта опция DIV? Тогда вернемся к норме, когда это не так?

JSfiddle текущих настроек http://jsfiddle.net/W3HtS/1/

Answer 1

Попробуйте так: Working Fiddle

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

Answer 2

Добавить активное имя класса на функции мыши

$('.show').removeClass('active'); 
     $(this).addClass('active'); 

DEMO

Answer 3

Попробуйте

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

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

определяют стиль, что у НУ хотите применить в выделить класса