Есть кнопка с изображением "-" (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> |