javascript - jquery 切换在 if-else 语句中不起作用

Question

我正在尝试使用以下脚本隐藏/显示页面的各个部分:

$(function () {
    $('.open').on('click', function () {
        var contentType = $(this).attr('id');
        if (contentType == "all") {
            $('.content-div').show();
        } else if (contentType == "train" || "manual") {
            $('.content-div.' + contentType).show();
            $('.content-div:visible:not(.' + contentType + ')').hide();
        } else if (contentType == "close") {
            $('.content-div').hide();
        } else {
            $('.content-div.' + contentType).toggle();
        }
    });
});

A jsfiddle example is here用 html

问题出在 else 部分的最后一行 - 当在 if-else 语句之外但在 else 部分不起作用时，它可以正常工作(显示/隐藏具有关联类的相关 div) - div 在第一次单击编号按钮时出现，但在重新单击时不会消失。

我做错了什么？非常感谢。

Answer 1

替换:

} else if (contentType == "train" || "manual") {

与:

} else if (contentType == "train" || contentType == "manual") {

"manual" 总是被评估为 true 因此整个 else-if 分支被评估为 true .参见 MDN了解更多详情。