Member 13617562 Ответов: 0

Как отобразить выпадающее меню по клику в wordpress?

Я хочу, чтобы подменю были видны по щелчку мыши. Я использую навигацию WP по умолчанию.

Чтобы проверить, какие элементы мне нужны, я проверил исходный код, а затем использовал соответствующие классы в своем коде. Во-первых, выпадающие списки отображаются при наведении курсора мыши, а затем они идут вверх. Что, вероятно, означает, что вторая часть сценария работает. Что я делаю не так? Любая помощь будет высоко оценена! Спасибо!

Что я уже пробовал:

$(document).ready(function() {
  // Show hide popover
  $(". menu-item-623 a").click(function() {
    $(this).find("#sub-menu").slideToggle("fast");
  });
});
$(document).on("click", function(event) {
  var $trigger = $(".menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-623 first-child");
  if ($trigger !== event.target && !$trigger.has(event.target).length) {
    $(".sub-menu").slideUp("fast");
  }
});


<ul id="primary-menu" class="menu">

  <li class="menu-item menu-item-type-custom menu-item-object-custom 
       current-menu-ancestor current-menu-parent menu-item-has-children menu-
        item-623 first-child">

    <a href="#">Explore</a>

    <ul class="sub-menu">

      <li id="menu-item-563" class="menu-item menu-item-type-post_type menu-
       item-object-page current-menu-item page_item page-item-14 
      current_page_item menu-item-563 first-child"><a href="http://localhost:81/">Why </a></li>
      <li id="menu-item-562" class="menu-item menu-item-type-post_type menu-
        item-object-page menu-item-562 last-child"><a href="http://localhost:81/DEMO/who-already-joined/">Who </a>

      </li>
    </ul>
</ul>

0 Ответов