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

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

٨۵٢ visibility
نویسنده پست
سه شنبه ، ۲۱ مرداد ۱۳۹۳     ۷:۵۴ ب.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

سلام

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

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

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

0  تشکر
check_box این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
سه شنبه ، ۲۱ مرداد ۱۳۹۳     ۹:۳۲ ب.ظ #


Themesfa.net

Subscriber
607 پست29 تاپیک

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

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

1  تشکر
سه شنبه ، ۲۱ مرداد ۱۳۹۳     ۹:۳۴ ب.ظ #


Themesfa.net

Subscriber
607 پست29 تاپیک

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

1  تشکر
سه شنبه ، ۲۱ مرداد ۱۳۹۳     ۱۰:۲۴ ب.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

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

0  تشکر
چهارشنبه ، ۲۲ مرداد ۱۳۹۳     ۶:۵۹ ق.ظ #       check_box پاسخ تائید شده توسط سوال کننده


Themesfa.net

Subscriber
607 پست29 تاپیک

بازم سلام

برای  شروع اول کد 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 هست بدی.

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

موفق باشید 🙂  ...

1  تشکر
چهارشنبه ، ۲۲ مرداد ۱۳۹۳     ۱۱:۱۰ ق.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

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

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

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