انیمیشن در هنگام تغییر ارتفاع div

[حمید . ه]

همه ی شما میدونید که وقتی ارتفاع div رو auto تنظیم کنید با تغییر محتواش خیلی خشک و بدون افکت ارتفاعش تغییر میکنه . من میخوام تغییر ارتفاع هر div با انیمیشن انجام بشه . چون ارتفاع به محتوا بستگی داره و نمیدونم که به چه عددی تغییر میکنه ، نمیدونم چیکار کنم . کسی میدونه ؟

[Mohsen.]

فقط با استفاده از کد زیر میتونید این کارو انجام بدید.

$("#item").animate({height:value,},200);

[حمید . ه]

دوست عزیز من که نمیدونم ارتفاع div ها چقدره که این کد رو استفاده کنم . ارتفاع همونطور که گفتم متناسب با محتوا تغییر میکنه . در هر صورت ممنون .

[Mohsen.]

خب فکر میکنم شما میتونی ابتدا با استفاده از .height() ارتفاع رو بگیری بعد اون رو توی یک متغیر بریزید و بعد استفاده کنید.
البته من خودم استفاده نکردم.

[حمید . ه]

فکر نکنم بشه ، چون انیمیشن بعد از تغییر ارتفاع بی معنی میشه . اینطور نیست ؟:متفکر:

[Variable]

دوست عزیز ------->>>> CSS
شما با سی اس اس میتونید به راحتی این کار رو انجام بدید
شما به تگ div یک کلاس بدید بعد توی کلاسش بنویسید

-webkit-transition:all 1s ease-in;
البته اینجوری هم میشه

-webkit-transition:height 1s ease-in;
البته این با پیشوند وب کیت هست برای کروم و سافاری . برای فایر فاکس -moz- , وبرای باقیه مروزگرها از پیشوند خودشون استفاده کن

[حمید . ه]

دوست عزیز اگر من میخواستم با css 3 بزنم که از اول این کار رو انجام داده بودم . کد jquery اگر دارید بدید .