تغییر ارتفاع با استفاده از جی کوئری

این تاپیک 5 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  s.alifarrokh ،‏ 2 سال و 3 ماه پیش .

این تاپیک تاکنون 689 بازدید داشته است .

نویسنده پست
سه شنبه ، 12 آگوست 2014     7:54 ب.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

سلام

من میخوام با استفاده از جی کوئری ابتدا ارتفاع یک عنصر رو کاهش بدم و بعد با استفاده از دو تا تابع با رویداد کلیک ارتفاعش رو برگردونم به حالیت اولیه و باز دوباره با یه کلیک دیگه برگرده به همون ارتفاع کاهش یافته ولی هرچی کد ها رو بالا پایین میکنیم درست در نمیاد.

میخوام با id اون عنصر این کارو بکنم.

ممنون میشم رهنماییم کنید.

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، 12 آگوست 2014     9:32 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

سلام دوست عزیز

اول از همه دمو رو ببین . اگه همون چیزی هست که می خواهی بگو تا بریم سر کد هاش :)

پیوست ها:
You must be logged in to view attached files.
1  تشکر
سه شنبه ، 12 آگوست 2014     9:34 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

در دمو روی قسمت زرد رنگ کلیک کن ببین چه اتفاقی میافته ...

1  تشکر
سه شنبه ، 12 آگوست 2014     10:24 ب.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

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

0  تشکر
چهار شنبه ، 13 آگوست 2014     6:59 ق.ظ # پاسخ تائید شده توسط سوال کننده


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

بازم سلام

برای  شروع اول کد jQuery زیر رو به بخش head ساتتون اضافه کنید :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
jQuery(document).ready(function() {
jQuery("#sidebar-title").click(function() {
$(".sidebar-cont").animate({
height:'toggle'
});
}); });
</script>

در کد بالا به جای sidebar-title#  باید نام کلاس یا ایدی عنصر کیلک شونده رو جایگزین کنید و به جای sidebar-cont. باید نام کلاس یا ایدی عنصری که قرار بالا و پایین بشه رو جایگزین کنی.

در آخر هم اگر می خواهید که عنصری که ارتفاعش متغیره از اول کوچیک باشه باید بهش خاصیت  display:none  که css هست بدی.

یه دموی دیگه هم اون جوری که شما می خواستید رو درست کردم که اگه از کد هابی بالا موفق نشدید یه سری به سورس اون بزنید .

موفق باشید :)  ...

پیوست ها:
You must be logged in to view attached files.
1  تشکر
چهار شنبه ، 13 آگوست 2014     11:10 ق.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

سلام.واقعا ازتون ممنونم.امیدوارم بتونم جبران کنم.

0  تشکر
پست 1 تا 6 (از مجموع 6 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .