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

[parsatighe]

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

میدونم این یه کیس کاملا متداول هست و نیاز به توضیح خاصی نداره ولی من در این مشکل دارم (نمونه های نت برای روشن کردن مطلب برام کارساز نبود)

میخواستم با js یه باکس با کلیک کردن بر روی یه div یا نه اصلا طبق html جدید بر روی یه سکشن بیاد پایین

ممنون میشم یه توضیح کوتاه با یه نمونه ساده برام بگین

[سعید کشاورز]

سلام..
این مدل سوال پرسیدن براش جواب نیست...شما باید نمونه های مختلف رو ببینید و اگه براتون مبهم بود بگین فلان جاش رو متوجه نشدین
این که اینجوری میپرسید یعنی یه نفر باید بیاد از صفر تا صد بهتون بگه
این لینک رو ببینید کمکتون میکنه
http://codepen.io/jakestuts/pen/nEFyw

[parsatighe]

صبح بخیر عرض میکنم .

ببنید من یه کد دارم شبیه اینه :



<div class="button"></div>
<section class="box"></section>


میخوام که با کلیک کردن یا hover شدن روی دیو با کلاس botton. اون سکشن ظاهر بشه .
یه کد جاوا فکر کنم بطلبه من اونو میخوام تا حد امکان نمیخوام بوتسترب باشه و ساده بهتره .

امیدوارم مفهوم رو رسونده باشم .

ممنون .

[سعید کشاورز]

اول از همه باید به کلاس box یه سری استایل بدی مثلا ارتفاع و طول و بک گراند
حالا باید توی سی اس اس Display:none باشه
که در حالت عادی مخفی میشه
کتابخانه جی کوئری رو به صفحه Attach کن
بعدش این کد رو براش بنویس


$('.button').click(function(){ $('.box').slideToggle();})