div به حالت کشویی

[mahdioo12194]

سلام دوستان من یه دکمه دارم با یه دیو بغلش حالا می خوام حالا می خوام وقتی روی دکمه کلیک شد

دیو نمایان بشه به صورتی که عرضش تغییر کنه این کار و می کنم فقط مشکل دارم !!! اونم اینه که:

می خوام دکمه همراه دیو حرکت کنه مثل کشو !! بعد با زدن دوباره دکمه برگرده دیو سر جاش!! دقیقا حالت

کشویی داشته باشه دیگه نمونشو تو سایتا زیاد دیدید!!!





<script type="text/javascript">

$(function(){

$("#Button1").click(function () {

$("#block2").animate({ "width": "90%" }, 3000);

});
});



</script>

<div id ="block2"

style="background-color: #FF0000; height: 77px; width: 49px;">


<input id="Button1" type="button" value="button" />
</div>

[Javidhb]

js:


$(function(){
var divExpand = false;

$("#Button1").click(function () {

if(divExpand){
$("#block2").animate({ "width": "49px" }, 3000);
divExpand = false;
}else{
$("#block2").animate({ "width": "90%" }, 3000);
divExpand = true;
}
});
});


برای حرکت دکمه کافیه از "float : right" در style دکمه استفاده کنید.