عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1170 آموزش و 2024 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

مخفی کردن و نمایش تگ div با JavaScript

سلام

وب سایت های بسیاری هستند که بعضی محتویات رو مخفی کردن و وقتی شما روی یک دکمه کلیک میکنید محتوا نمایش داده میشود، اینکار را با کمک JavaScript میتوان انجام داد، در ادامه همراه بپرسم باشید تا یک دکمه در صفحه قرار دهیم تا با کلیک روی دکمه محتوای تگ <div> نمایش داده شود.

مخفی کردن تگ با Js

مخفی کردن div با Js

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

  • بیاید مثالی بزنیم:

تمام کدهایی که نیاز داشتیم،؛ همینا بود! حالا بریم تا یکم جذاب تر کنیم …

مطلب پیشنهادی:  رنگی کردن اسم انجمن در mybb

انیمیشن:

برای جذاب تر شدن بیاید و یک انیمیشن نیز به کدها اختصاص بدیم، خیلی ساده میتوانید انیمیشن را اضافه کنید، کد زیر سرعت پنهان و آشکار شدن را ۶۰۰ میلی ثانیه میکند:

کار به همین سادگی بود 🙂 همراه ما باشید تا در ادامه تکه کدهای کاربردی بیشتری از جاوا اسکریپت را برایتان بیاوریم.

چنانچه مشکلی در رابطه با این آموزش داشتید در بخش پرسش و پاسخ سایت میتوانید سوال خود را بپرسید.

موفق باشید.

درباره احمد آخوندیمدیر سایت

همیشه در تلاش برای یادگیری :) ارتباط با من: 09159352892

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

بپرسم را میتوان به عنوان مرجعی برای آموزش و حل مشکلات دانست، در بپرسم سعی کرده ایم آموزش های برنامه نویسی، طراحی سایت، کار با نرم افزارها ها و… را آموزش دهیم. همچنین محیطی فراهم کرده ایم تا کاربران بتوانند در این محیط سوالات خود را بپرسند و مشکل خود را حل کنند.