رویداد toggle

[alikhani98 517]

باسلام

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

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

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

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

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

[alikhani98 517]

درستش کردم

#more{display:none}

[alikhani98 517]

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

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

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

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

[RedPlus 1585]

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

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

[alikhani98 517]

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

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

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

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

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

[RedPlus 1585]

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

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

[alikhani98 517]

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

[اشکان 1989]

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

آپدیت:

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

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

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

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

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