blocks|key|1344266|text|如果页面加载并且生成了子菜单(ul.second_level)+(即从php生成)，则解析必须可见的子菜单上的active+css类。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1344267|ul.active+{
++++display:+block
}

ul.second_level+{
++++display:+none
}|code-block|syntax|javascript|1344268|这是对单击功能的补充。不要触发click事件，因为它会启动动画(我假设您不想要它)。|1344269|更新：|1344270|这是非常基本的东西，但我不知道你的菜单的HTML代码是如何创建的。如果你使用php和一个数据库(例如)来创建菜单，检查你所在页面的每个子菜单项。如果页面是子菜单中的一个页面，则在该子菜单上设置类“活动”。CSS完成剩下的工作(显示这个子菜单并隐藏其他子菜单)。|1344271|例如，如果你有一个静态页面，使用javascript来检查你使用的是哪个页面的window.location.href。其余的都是一样的。|1344272|entityMap^0|F|F|1J|6|0|0|0|0|0|13|K|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

If the page loads and the submenu (<code>ul.second_level</code>) is generated (i.e. from php), parse an <code>active</code> css class on the submenu that must be visible.

<pre><code>ul.active {
 display: block
}

ul.second_level {
 display: none
}
</code></pre>

This is in addition to your click function. Do not trigger the click event since it starts the animation (which I presume you don't want).

Update:

It is quite basic stuff, but I do not know how the HTML code for your menu is created. If you are using php and a database (for example) to create the menu, check every submenu item with the page you are on. If the page is one of the pages in the submenu, set the class 'active' on that submenu. The CSS does the rest (displaying this submenu and hide other submenus).

If you have a static page, use javascript to check on which page you are with <code>window.location.href</code> for example. The rest is the same.

blocks|key|904157|text|这并不是太简单。我遇到了一个非常类似的问题，尽管我把页面发回了同一个url，所以我使用了一个隐藏字段来存储打开的h3的id列表。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|904158|我认为，当您直接导航到新页面时，必须使用cookie来完成此操作。这个想法是您创建一个H3，并在每次打开cookie时为其设置一个值，并在每次关闭它时将其删除。您可以使用this+plugin来完成此操作。然后，当您打开另一个页面时，脚本读取应该从cookie中打开的H3，并将其打开。|offset|length|904159|另一种方法是使用Ajax将打开/关闭的H3信息发送回服务器，服务器将其存储在会话数据中，并使用它来构建新页面的超文本标记语言，以便打开正确的H3。|904160|entityMap|0|LINK|mutability|MUTABLE|url|https://sites.google.com/site/daveschindler/jquery-html5-storage-plugin^0|0|2D|B|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

This is not too simple. I've had a very similar problem, although I was posting the page back to the same url so I used a hidden field to store a list of the id's of the H3's which were open.

You I think will have to use a cookie to do this as you're navigating straight to the new page. The idea is you create a cookie and set a value on it every time you open an H3 and remove it every time you close it. You can use <a href="https://sites.google.com/site/daveschindler/jquery-html5-storage-plugin" rel="nofollow">this plugin</a> to do this. Then when you open the other page, the script reads the H3's which should be open out of the cookie and opens them.

Another route would be to use Ajax to post the open/closed H3 information back to the server which would store it in session data and use it to build the HTML of the new page so the right H3's were open.

blocks|key|1925951|text|这是我的fiddle|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1925952|您所需要做的就是将"currentPage“类放在您当前所在的li上，并且在页面加载后菜单应该是打开的。我还移动了一些你的css，所以它现在应该会移动得更流畅一些。|1925953|**已更新小提琴代码。它现在将查看您当前的URL，并将与之匹配的链接设置为currentPage。此外，我补充说，如果另一个菜单是打开的，它会自动关闭，如果你点击另一个父菜单|1925954|**已更新小提琴代码。Ok，现在，如果你点击箭头，菜单将展开，而不是转到链接(如银行网站)。此外，我更改了它，您将不得不将锚标记放在所有父H3s中。|1925955|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/colemande/LcsLr/31/^0|4|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|C|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|K|$L|$5|M|N|O|C|$P|Q]]]]

Here is my <a href="http://jsfiddle.net/colemande/LcsLr/31/" rel="nofollow">fiddle</a>

all you will need to do is put the class "currentPage" on the li that you are currently on and the menu should be open after the page loads. I also moved some of your css around so it should move a little smoother now.

** Updated fiddle code. It will now look at your current URL and set the link that matches with it to the currentPage. Also I added that if another menu is open it will close itself if you click on another parent menu

** Updated fiddle code. Ok now if you click on the arrow the menu will expand and not go to the link(like the bank site). Also I changed it where you will have to put the anchor tag in all parent H3s.

I've got a toggle menu, please see <a href="http://jsfiddle.net/Wp2em/41/" rel="nofollow">http://jsfiddle.net/Wp2em/41/</a> for code and functions. 

On the real site which is using the same code, everytime when you click on h3 (Category 1, 2 &amp; 3 which is an a tag at the moment), it toggles its submenu down a bit, then the page changes to a new h3 linking page, and the submenu collapses together on the new page.

I'm just wondering is there any way I can tell the submenu to be open when its parent page/the new h3 linking page is opened? Please see this <a href="http://www.anz.com/personal/bank-accounts/" rel="nofollow">bank site</a> which has the side bar effect I'd like my toggle menu to be.

Thank you in advance!

Toggle menu issue

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个切换菜单，请查看的代码和功能。在使用相同代码的真实站点上，每次当你点击h3 (Category 1，2&3，目前是一个标签)时，它会将它的子菜单向下切换一点，然后页面变成一个新的h3链接页面，子菜单在新页面上一起折叠。我想知道，当父页面/新的h3链接页面打开时，有什么方法可以告知子菜单是打开的吗？请看这个，它有...

问切换菜单问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问切换菜单问题EN