یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
امین
3 سال پیش توسط امین مطرح شد
2 پاسخ

ساخت منو باز شونده

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

<html>
<head>
    <style>
        #div{
            height:auto;
            width: auto;
            background-color: aqua;
            position: absolute;
            left: 0;
            display: none;
        }
        .show{
            display: inline-block;
        }
        /*.hidden{
            display: none;
        }*/
    </style>
</head>
<body onclick="hidden()">
<button onclick="show()">menu</button>
<div id="div">
    <p>خانه</p>
    <p>خدمات</p>
    <p>فروشندگان</p>
    <p>درباره ما</p>
</div>
</body>
<script>
    function show(){
        document.getElementById('div').classList.add('show');
        //document.getElementById('div').classList.remove('hidden');
    }
    function hidden() {
        document.getElementById('div').style.display="none";
        //document.getElementById('div').style.display="none";
    }
</script>
</html>

</body></html>


ثبت پرسش جدید
abol.sub
تخصص : برنامه نویس
@abol.sub 3 سال پیش آپدیت شد
1

اصلا نیازی به استفاده از js برای منو لازم نیست css ها به خوبی میتونن این کار رو براتون انجام بدن:
https://codepen.io/mutedblues/pen/MmPNPG
پیشنهاد من ☝️
این هم هست :
https://codepen.io/erikterwan/pen/EVzeRP

اگر مشکل در استفاده از کد ها داشتید ، بگین تا راهنمایی کنم یا اصلا کد هارو به صورت فایل بهتون میدم آماده.

اگر کمکتون کرد بعنوان پاسخ انتخابم کنید


میلاد خسروی
تخصص : برنامه نویس بامزه
@milwad 3 سال پیش مطرح شد
0

سلام خسته نباشید
شما اومدید یه onclick روی body دادی ولی با یک function میتونی اینو درست کنی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام