Выдвижной блок
 

Есть код выдвижного блока

<script type="text/javascript">
$(document).ready(function(){
$(".music-player").hide();
$(".music-player:odd");
$("h3 span").click(function(){
$(this).parent().next().slideToggle();
});
});
</script>

Так я добавляю сворающиеся блоки
<h3><span class="expand">...</span></h3>
<div class="music-player"><p>...</p></div>

Например хочу выдвинуть Блок #1, затем Блок #2. Подскажите, пожалуйста, как сделать так, чтобы при выдвижении второго блока, первый блок закрывался?