[Gasherez]

Вот фрагмент кода. Нужно чтобы при нажатии на ссылку менялась стрелочка с on на off, и наоборот с off на on. Только на этой ссылке уже весит событие, блок id="collapseTwo" сворачивается при нажатии на ссылку <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">. Сама стрелочка прописана через background. Подскажите как это сделать?

<div class="container content-block accordion-group">
    <h2 class="">
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">Услуги</a>
    </h2>
    <div id="collapseTwo" class="accordion-body collapse">
         <div class="content-services">
             <h3>Vip-такси</h3>
                 <p>В нашей службе такси - большой набор услуг по перевозке пассажиров и грузов по городу и за городом. У нас всегда вежливые и опытные водители, внимательные диспетчеры. Вы можете сделать заявку по телефону или онлайн. Работаем круглосуточно.</p>
         </div>
    </div>
</div>

.content-block h2 {
cursor: pointer;
line-height: 30px;
margin: 0 auto;
font-size: 24px;
padding: 5px 0;
text-align: left;
text-transform: none;
width: 87.5%;
}
.content-block h2 a {
background: url(../img/on.png) no-repeat 100% 65%;
display: block;
width: 100%;
}