{"id":37331,"date":"2014-02-10T19:13:32","date_gmt":"2014-02-10T19:13:32","guid":{"rendered":"https:\/\/br.wordpress.org\/support\/topic\/wp_nav_menu-como-gerar-uma-class-hidden-automaticamente-para-cada-submenu\/"},"modified":"2016-08-06T01:26:43","modified_gmt":"2016-08-06T01:26:43","slug":"wp_nav_menu-como-gerar-uma-class-hidden-automaticamente-para-cada-submenu","status":"closed","type":"topic","link":"https:\/\/br.wordpress.org\/support\/topic\/wp_nav_menu-como-gerar-uma-class-hidden-automaticamente-para-cada-submenu\/","title":{"rendered":"wp_nav_menu – Como gerar uma class (hidden) automaticamente para cada submenu"},"content":{"rendered":"

Ol\u00e1 a todos, estou criando um tema com suporte a menu personalizado e preciso de ajuda com a seguinte situa\u00e7\u00e3o:<\/p>\n

O codigo abaixo est\u00e1 inserido na index do meu tema e est\u00e1 puxando o menu personalizado que configurei no painel do WP (est\u00e1 parte est\u00e1 funcionando normalmente):<\/p>\n

<div id="meu_menu">\n<?php wp_nav_menu( array( 'theme_location' => 'meu_menu' ) ); ?>\n<\/div><\/code><\/pre>\n
O css para esse menu acima est\u00e1 assim:<\/p>\n
#meu_menu ul li .children{\n\tdisplay: none;\n}\n#menu_menu ul li:hover .children{\n\tdisplay: block;\n}<\/code><\/pre>\n
Este c\u00f3digo CSS tanb\u00e9m funciona perfeitamente, por\u00e9m se eu adicionar outros submenus, como essa imagem quem tem 3 niveis de menu ou mais:
\nhttp:\/\/www.acousticwebdesign.net\/wp-content\/uploads\/2010\/11\/WordpressMenuItemPosition2.png<\/p>\n
eu tenho que criar mais um n\u00edvel de CSS indicando que o nivel 3 tem que ficar oculto e aparecer apenas quando passar o mouse no n\u00edvel 2, e assim por diante, precisando gerar varios niveis de CSS indicando que o n\u00edvel 4, 5, 6 etc… tem que ficar oculto e aparecer apenas quando passar o mouse no n\u00edvel anterior.<\/p>\n
O que eu queria saber, \u00e9 se h\u00e1 algum c\u00f3digo que eu posso utilizar no “functions.php” ou diratemente no template mesmo, para gerar o codigo CSS “block” e “hidden” automaticamente para os outros n\u00edveis, a quest\u00e3o \u00e9 que eu n\u00e3o sei quantos n\u00edveis de submenus o usu\u00e1rio vai utilizar, sendo assim seria invi\u00e1vel criar por exemplo 20 classes de CSS indicando a propriedade block e hidden para cada submenu que deve ser ativado quando passar o mouse no menu anterior e mostrar o pr\u00f3ximo n\u00edvel de submenu.<\/p>\n
Obrigado, toda ajuda \u00e9 bem vinda.<\/p>\n","protected":false},"template":"","class_list":["post-37331","topic","type-topic","status-closed","hentry","topic-tag-block","topic-tag-custom-menu","topic-tag-dropdown","topic-tag-hidden","topic-tag-menu","topic-tag-submenu","topic-tag-wp_nav_menu"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/37331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/37331\/revisions"}],"wp:attachment":[{"href":"https:\/\/br.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=37331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}