alikhani98

رویداد toggle

8 پست در این موضوع قرار دارد

باسلام


$(document).ready(function () {
$("#baz").click(function(){
$("#more").toggle(1000);
});
});

دوستان همون طور که میدونید در رویداد toggle به صورت پیش فرض آی دی ای که انتخاب کردم نمایش داده میشه و با کلیک مخفی میشه

ولی من میخواستم در ابتدا آی مخفی باشه و بعدش با کلیک آدی که انتخاب کردم نمایش داده بشه

میدونم با رویداد show میشه ولی میخوام با toggle اینکار را انجام بدم

چطوری باید اینکار را یکنم؟

به اشتراک گذاری این پست


لینک به پست

درستش کردم


#more{display:none}

به اشتراک گذاری این پست


لینک به پست

فقط یه سوال در زمینه css

در این صفحه من وقتی بر روی نمایش ادامه متن کلیک میکنم،ادامه متن نمایش داده میشه

ولی خارج از بلوک هستش

من برای کلاس slick-box مقدار height را 150px قرار دادم. میخوام همین مقدار باشه و وقتی ادامه متن نمایش داده شد عرض هم بیشتر بشه و متن نمایش داده شده داخل بلوک باشه

به اشتراک گذاری این پست


لینک به پست

من دقيق نفهميدم ! يعني ميخواي وقتي رفتي روي يك كلاس ، يك كلاس ديگه توي صفحه تغيير كنه ؟!‌

به فرض رفتي روي كلاس A ، كلاس B تغيير كنه ؟‌

به اشتراک گذاری این پست


لینک به پست

من دقيق نفهميدم ! يعني ميخواي وقتي رفتي روي يك كلاس ، يك كلاس ديگه توي صفحه تغيير كنه ؟!‌

به فرض رفتي روي كلاس A ، كلاس B تغيير كنه ؟‌

الان به صفحه ای که لینک دادم برید

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

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

به اشتراک گذاری این پست


لینک به پست

اهان !‌ ميخواي اين كار امتحان كن :



max-height: 230px;
min-height: 150px;

به اشتراک گذاری این پست


لینک به پست

جواب نمیده قبلا تست کرده بودم

به اشتراک گذاری این پست


لینک به پست

توی کادر مشکلی قرار داده بشه یا اینکه توی همون کادر سفید بالا باشه و ریسایز بشه؟

آپدیت:

الان متوجه شدم.

شما اول توی استایل main


.main {
-moz-box-sizing: content-box;
margin: 0 auto;
overflow: hidden;
padding: 30px 0;
position: relative;
width: 750px;
}

overflow رو پاک کنید بعد height روی auto قرار بدین.

حالا توی همون کد جاوا اسکریپتتون بنویسید که وقتی کلیک کردین روی ادامه مطلب سایز رو به 380px تغییر بده و بلعکس هم به 150px.

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری