gpt4 book ai didi

javascript - 使用 ClassieJS 或 jQuery 切换第二个菜单?

转载 作者:行者123 更新时间:2023-11-28 17:19:27 24 4
gpt4 key购买 nike

目前代码设置为为每个图标切换相同的菜单。

这是我目前进展的 fiddle http://jsfiddle.net/2Lyttauv/

我想要实现的是为每个单独的图标添加一个独特的菜单。

我首先创建以下 HTML

<nav class="slider-menu slider-menu-vertical slider-menu-left" id="slider-menu-s1">
<h3>MENU</h3>
<a href="#"><span class="icon-flag"></span>Item 1</a>
<a href="#"><span class="icon-flag"></span>Item 2</a>
<a href="#"><span class="icon-flag"></span>Item 3</a>
<a href="#"><span class="icon-flag"></span>Item 4</a>
<a href="#"><span class="icon-flag"></span>Item 5</a>
<a href="#"><span class="icon-flag"></span>Item 6</a>
<a href="#"><span class="icon-flag"></span>Item 7</a>
</nav>

现在我想添加第二个菜单

navItem2

侧边栏中的第二个图标

我已经尝试使用与上面完全相同的 HTML 创建第二个菜单,除了我已经更改了 id="slider-menu-s1 并继续制作一个单独的功能但是没有' 似乎有效。

如果有人可以帮助或指出正确的方向。

最佳答案

这是我做的事情。

<nav class="slider-menu slider-menu-vertical slider-menu-left" id="slider-menu-s2">
<h3>Another Menu</h3>
<a href="#"><span class="icon-flag"></span>Iteasdfasdfm 1</a>
</nav>

然后注意 id,它是 slider-menu-s2,这就是我在此处的 navItemClick 的切换中添加的内容。

        var anotherMenu = document.getElementById( 'slider-menu-s2' );

navItem2.onclick = function() {
classie.toggle( this, 'active' );
classie.removeClass( menuLeft, 'slider-menu-open' ); //this is where you removeClass the other menu to close it
classie.toggle( anotherMenu, 'slider-menu-open' );
disableOther( 'navItem2' );
};

希望这能回答您的问题。

这是 jsfiddle http://jsfiddle.net/2Lyttauv/20/

关于javascript - 使用 ClassieJS 或 jQuery 切换第二个菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28073881/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com