Bootstrap 根据在第一个下拉菜单中单击的 li 显示/隐藏 li 项目答案

【问题标题】：Bootstrap show/hide li items based on li clicked in first dropdownBootstrap 根据在第一个下拉菜单中单击的 li 显示/隐藏 li 项目
【发布时间】：2016-09-16 21:47:46
【问题描述】：

我试图根据在第一个下拉列表中选择的 li 项目在第二个引导下拉列表中显示具有特定类的 li 项目。

$(document).ready(function() {     
    $('#mapContent').hide(); 
    $('#mapCat').click(function(){
        $("#mapContent").show();
        $("#mapContent ul li .show1").hide();
    });
})

问题是第二个 ul 在单击时显示，但所有 <li> 项目不仅显示为 <li>，类为 'show1'，而仅在单击时显示 <li class="show1"><a href="1">University X</a></li> 应隐藏在第二个下拉列表中。

Here is my fiddle

【问题讨论】：

这段代码有问题吗？
对不起，是的，第二个 ul 在点击时显示，但所有
项目都显示不只是
类为“show1”