Активировать блок при нажатии на предыдущий (хак)

Для принятия правил как на toster.ru.

by Alexander Lashchevsky

HTML

<div class="rule" id="r1">
	Правило №1.
	<div class="buttons">
		<div class="disabled"></div>
		<button class="accept">Принимаю</button>
        <button>Не принимаю</button>
	</div>
</div>

<div class="rule" id="r2">
	Правило №2.
	<div class="buttons">
		<div class="disabled"></div>
		<button class="accept">Принимаю</button>
        <button>Не принимаю</button>
	</div>
</div>

CSS

.rule {width: 70%; background: #f3f3f3; margin-bottom: 30px; color: #a6a5a5;}
.rule .disabled {width: 100%; height: 23px; position: absolute;}
.rule button {border: 0; padding: 4px; background: #ccc;}

.rule#r1 {color: #000;}
.rule#r1 button {background: #fff;}
.rule#r1 .disabled {height: 0;}

JavaScript

$('.rule#r1 .accept').click(function(){ 
	$('.rule#r2').css('color','black');
	$('.rule#r2 .disabled').animate({width:'0px'},0);
	$('.rule#r2 button').css('background','white');
});