Javascript 仅根据菜单列表中的选择显示div，隐藏其余部分

我有一个菜单，当用户从菜单列表中选择时，它会显示隐藏的div和rest。我有一个巨大的菜单列表。是否有任何功能可以使它只显示div，任何人都可以帮助…

HTML:

<ul>
   <li class="one">One</li>
   <li class="two">Two</li>
   <li class="three">Three</li>
</ul>

<div id="one"> Div one </div>
<div id="two"> Div two </div>
<div id="three"> Div three</div>

div {
    display:none;
}

li {
    cursor:pointer;
}

$('li').click(function(){
    $('div#' + $(this).attr('class')).show().siblings().hide();
});

JQuery:

<ul>
   <li class="one">One</li>
   <li class="two">Two</li>
   <li class="three">Three</li>
</ul>

<div id="one"> Div one </div>
<div id="two"> Div two </div>
<div id="three"> Div three</div>

div {
    display:none;
}

li {
    cursor:pointer;
}

$('li').click(function(){
    $('div#' + $(this).attr('class')).show().siblings().hide();
});

---

这不是一个措辞特别恰当的问题，但我认为您希望将所有可以显示的div指定为一个特定的类，并为每个ond指定一个id：

<div class="revealPanel" id="panel1">
<!-- Content -->
</div>

<div class="revealPanel" id="panel2">
<!-- Content -->
</div>

<div class="revealPanel" id="panel3">
<!-- Content -->
</div>
<!-- etc. ... -->

现在只需使用正确的id从每个菜单链接调用该函数，例如：

<a href="javascript:ShowPanel('panel1');>Show Panel 1</a>

当然，我可能误解了你的问题，即使我没有误解，我也鼓励你在问题中提供更多细节——使用代码片段展示你是如何设计菜单的

---

祝你好运

你需要更具体一些。还有，你研究过了吗？你自己尝试过一些事情吗？但是我的菜单列表来自数据库，每个菜单都有唯一的菜单号，这将有助于从其他菜单项中识别每个菜单项。这个信息帮助用户界面应该从你的问题中完全不提它来猜到这一点。我的错。我的例子应该仍然有效，前提是你可以用

class=“”

等替换

class=“one”

和

id=“one”

等。我如何对反向使用相同的函数，即

abc

abcIs，还有其他方法吗，因为

因ido不同而不同？相反的情况是这样的：

$（'div.+this.id.）.show（）.birds（）.hide（）但我的菜单列表来自数据库，每个菜单都有唯一的菜单编号，这将有助于从其他菜单项中识别每个菜单项。此信息可以帮助您解决我的问题吗