Javascript-форум - Блок, сворачивается, кнопка не меняется

Есть кнопка с изображением "-" (minus.png) и классом .minus
Есть открытый блок с классом .shop
По нажатии на "-" блок плавно сворачивается и разворачивается
Нужно чтобы по нажатии блок так же сворачивался и кнопка "-" менялась на "+" с изображением plus.png и обратно
Что нужно добавить в функцию hideShow(), или создать ещё функцию и вызвать две?

Код:

<script type="text/javascript">

function hideShow(){

$('#closebox').slideToggle('normal');

return false;

};

</script>



.minus{height:30px; width:29px; float:right; cursor:pointer; background:url(../img/minus.png) no-repeat top;}

.plus{height:30px; width:29px; float:right; cursor:pointer; background:url(../img/plus.png) no-repeat top;}

.shop {width:940px; height:100px; margin:20px 10px; background:#000;}



<div class="minus" onclick="hideShow(this);return false;"></div>

<div class="shop" id="closebox"></div>