Javascript 用ClassieJS或jQuery切换第二个菜单?
当前,代码设置为为为每个图标切换相同的菜单 这是我目前的进展 我想要实现的是为每个图标添加一个独特的菜单 我从创建以下HTML开始Javascript 用ClassieJS或jQuery切换第二个菜单?,javascript,jquery,html,css,classiejs,Javascript,Jquery,Html,Css,Classiejs,当前,代码设置为为为每个图标切换相同的菜单 这是我目前的进展 我想要实现的是为每个图标添加一个独特的菜单 我从创建以下HTML开始 <nav class="slider-menu slider-menu-vertical slider-menu-left" id="slider-menu-s1"> <h3>MENU</h3> <a href="#"><span class="icon-flag"><
<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>
侧边栏中的第二个图标
我尝试过使用与上面完全相同的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>
希望这能回答你的问题
这是JSFIDLE
看起来你把它从codrops上去掉了??classieJS与你的子菜单没有任何关系。这是一个帮助脚本,他们在编写Javascript时使用。是的,布局来自codrops,但菜单功能不可用。关闭,但单击另一个菜单按钮将菜单置于“另一个菜单”后面“.你几乎成功了.哇,这太完美了。非常感谢你。
<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>
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' );
};