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

ul که کلاس sub-menu داره درون تگ a قرار نگرفته؟

کدهایی که نوشتم مشابه اونچه در ویدیو آموزش دادین به شکل زیر:

اما هنوز نتونستم ایرادشو پیدا کنم. و بفهمم چرا با کلیک روی ‘دوره های آموزشی’ صفحه رفرش میشه؟

    <div class="div-10">

        <nav class="nav-menu">

            <ul class="ul-menu">

                <li><a href="">خانه</a></li>

                <li class="has-sub-menu">

                    <a href="">دوره های آموزشی</a>

                    <ul class="sub-menu">

                        <li><a href="#">طراحی سایت</a></li>

                        <li><a href="#">جاوااسکریپت</a></li>

                        <li><a href="#">رابط کاربری</a></li>

                    </ul>

                </li>

                <li><a href="">درباره ما</a></li>

                <li><a href="">تماس با ما</a></li>

                <li><a href="">پشتیبانی</a></li>

            </ul>

        </nav>

اگر مثل کدهای ما در دوره باشه قطعا نباید مشکلی باشه چون توی ویدئو می بینید که بدون مشکل کار می کنه قطعا یجایی رو استباه کردید به هر حال مقدار اتریبیوت href  رو از تگ a مورد نظر بگیرید به شکل زیر :

     <a >دوره های آموزشی</a>