[Gasherez]

Создал два класса:

.on {
background: url(../img/on.png) no-repeat 100% 65%;
display: block;
margin: 0 auto;
width: 87.5%;
border: 1px solid red;
}

.off {
background: url(../img/off.png) no-repeat 100% 65%;
display: block;
margin: 0 auto;
width: 87.5%;
border: 1px solid green;
}

вставил

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

но ничего хорошего не произошло, только скидывается класс, т.е. исчезает background, ширина, рамка и центрирование.