小编The*_*ign的帖子

我有一个看起来像这样的菜单选择：

<ul class = "menu">
    <li><a href="#about" class="aboutNav">About</a></li>
    <li><a href="#contact" class="contactNav">Contact</a></li>
    <li><a href="#misc" class="miscNav">Misc</a></li>
</ul>

我正在尝试使与这些链接中的每一个相关联的内容在点击时显示并隐藏所有其他内容。我正在使用的 JS 如下所示：

$('.menu li .aboutNav').click(function (e) {
   e.preventDefault();
   $('.wrapper').hide();
   $('.misc').hide();
   $('.contact').hide();
   $('.about').show();});

我希望每个菜单元素都有这样的功能，但目前它不适用于菜单中的所有元素。我已经查看了其他线程与我遇到的相同问题，但似乎没有一个线程直接适用于我的处理方式。

我刚开始学习 html、js、css，所以我可能会以错误的方式解决这个问题，这就是为什么其他线程并没有真正帮助的原因。

编辑：这是我所有 HTML 的粘贴箱http://pastebin.com/FjcNXGkY

我正在尝试编写一个实现自己的自定义排序的perl脚本.如果输入文件如下所示:

hello
advantage
cat

排序版本看起来像:

cat
hello
advantage

如果单词按长度排序,如果两个单词的长度相同,那么它就会对两者进行正常的词典比较.

基于我在网上看到的东西,我的排序行看起来像这样:

@sorted = sort { length $a <=> length $b } @elements

但我不确定如果两个单词的长度相同,我会如何添加正常排序的部分.