Блог

Хорошо, итак, я везде посмотрел и ничего не могу найти. Я знаю, что мне может понадобиться какой-нибудь jquery или что-то в этомроде. Я попытался задать вопрос на wordpress.org но это была пустая трата времени, поскольку я не получал ответов в течение 2-3 дней, поэтому теперь я спрошу здесь.

1. Моя цель — создать главное меню, в котором будет отображаться активная страница, на которой оно находится, и выпадающий список для других пунктов меню. Я с этим разобрался.

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

3. Следующее это, когда родительский элемент two активен и / или дочерний элемент parent two активен, я бы хотел, чтобы он вернулся к обычному стилю, если я наведу курсор на любой другой пункт меню, имеет ли погода дочернее меню или нет. Если у него есть дочернее меню, то я хочу, чтобы оно отображалось на месте вместо двух родительских.

Несколько хорошим примером того, чего я пытаюсь достичь, но они не используют навигационное меню ни на одной другой странице, является MSN, Где основная навигация (НОВОСТИ, захват и т.д.) — это то, что я ищу, Но хочу, чтобы родительское и / или дочернее меню отображалось, если оно активно, но исчезало при наведении курсора на другие пункты меню с дочерним меню или без него.

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

 $(document).ready(function() {     
   $("see #1 below ").hover(function(){     
       $('see #2 below ').addClass(" see #3 below ");    
   },     
   function(){    
       $(' copy #2 ').removeClass("copy #3 ");     
    });
});
  

1. Укажите идентификатор или класс, с помощью которого вы хотите активировать скрипт, здесь
2. Укажите идентификатор или класс, к которому вы хотите, чтобы скрипт добавил класс, здесь
3. Добавьте класс, который вы хотите добавить в скрипт, к классу или идентификатору, указанному для #2

вы можете добавить несколько идентификаторов или классов, вставив запятую (смотрите Пример ниже) вот пример:

 $(document).ready(function() {     
   $("#navbar li:hover, #navbar li.sfhover").hover(function(){     
       $('#navbar .current-menu-parent, #navbar li.current-menu-item').addClass("non-ahover");    
   },     
   function(){    
       $('#navbar li.current-menu-parent, #navbar li.current-menu-item').removeClass("non-ahover");     
    });
});