Как перейти на страницу с выпадающим меню

Question

У меня есть веб-сайт с выпадающими списками, и я хочу перенаправить на главную страницу выпадающего меню, после чего я могу перейти к этому конкретному разделу страницы.

Объяснение: У меня есть страница под названием Достижения, и в этом У меня есть выпадающий список, в котором есть разделы, когда я нажимаю на достижения, которые он должен перенаправить на эту страницу, и затем, используя это выпадающее меню, я перехожу к этому конкретному разделу

Ниже кода:

<li class="dropdown sm-scrn">
      <a class="dropdown-toggle" data-toggle="dropdown" 
             aria-expanded="true" data-hover="dropdown" href="https://www.innovkraft.com/">
                                    Achievements
       </a>
       <ul class="dropdown-menu">
           <li><a href="">Awards & Recognition</a></li>
           <li><a href="">Academic Achievements</a></li>
           <li><a href="">Transport Service</a></li>
           <li><a href="">RCIS in media</a></li>
           <li><a href="">News & Events</a></li>
        </ul>

Сначала мне нужно перейти на главную страницу, затем я могу перейти в определенный раздел с помощью раскрывающегося списка.

Как решить эту проблему?

Answer 1

Вы можете использовать id раздела, чтобы перейти к определенному разделу.

<li class="dropdown sm-scrn">
      <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" data-hover="dropdown" href="https://www.innovkraft.com/achievements">
            Achievements
      </a>
      <ul class="dropdown-menu">
           <li><a href="https://www.innovkraft.com/achievements/#id-of-awards-section">Awards & Recognition</a></li>
           <li><a href="https://www.innovkraft.com/achievements/#id-of-academic-section">Academic Achievements</a></li>
           <li><a href="https://www.innovkraft.com/achievements/#id-of-transport-section">Transport Service</a></li>
           <li><a href="https://www.innovkraft.com/achievements/#id-of-RCIS-section">RCIS in media</a></li>
           <li><a href="https://www.innovkraft.com/achievements/#id-of-news-section">News & Events</a></li>
        </ul>
</li>

Если достижение - это ваша страница с URL https://www.innovkraft.com/achievements, то в связанных с ней разделах будет id, что будет помощь в навигации.

https://www.innovkraft.com/achievements/#id-of-awards-section

Убедитесь, что все разделы имеют id и должны соответствовать id в раскрывающейся ссылке.

Надеюсь, это поможет вам.