سوال: ایجاد منو عمودی باز شو [بایگانی]

sadegh.te

پنج شنبه 04 دی 1393, 23:10 عصر

سلام اساتید محترم میشه بگید که من چطور میتونم منویی رو که در تصویر زیر میبینید درست کنم که با زدن دکمه بیشتر کل رنگ ها رو برام نمایش بده ؟ ممنون

126886

Freedon_23

پنج شنبه 18 دی 1393, 09:50 صبح

سلام
میتونید ارتفاع اون رو محدود کنید مثلا اگر ارتفاع کامل اون 700 پیکسل باشه شما 200 پیکسل بذارید بعد با جی کوئری تو رویداد کلیک اون با متد animate ارتفاع رو 700 کنید و بر عکس
مثال کد جی کوئری:

jQuery('div.menu').click(function() {
var height = jQuery(this).css('height');
if (height == '200px') {
jQuery(this).animate({'height':'700px'}, 500);
} else {
jQuery(this).animate({'height':'200px'}, 500);
}
});

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