Javascript 单击后jQuery不工作

我正在尝试创建一个数据中心选择脚本，当单击该脚本时，它将更改所选标志，并显示/隐藏包含计划和内容的两个div

但是，当我在jQuery代码中添加

$（“#conteudoID”）.hide（）

时，它会破坏所有内容（如果没有它，它会正确更改颜色/选定标志）

这就是我的代码：

代码：

$（“#conteudo2”）.hide（）；
$（“#conteudo1”）.hide（）；
$（'.childDiv'）。单击（函数（）{
$（本）
.css（'background-color'，'#4f5154'）
$（“#conteudo2”）.hide（）
$（“#conteudo1”）.show（）
.兄弟姐妹（“.childDiv”）
.css（'background-color'，'#9c9c'）
$（“#conteudo2”）.show（）
$（“#conteudo1”）.hide（）；
});;

埃斯科拉乌姆数据中心

巴西-圣保罗

Estados Unidos-堪萨斯州
阿帕雷西酒店
阿帕雷西欧洲酒店
试试这个：

        $("#conteudo2").hide();
        $("#conteudo1").hide();

        $('#child1').click(function(){
            $(this)
            .css('background-color','#4f5154')
            .siblings(".childDiv")
            .css('background-color','#9c9c9c');

            $("#conteudo1").show();
            $("#conteudo2").hide();
        });

        $('#child2').click(function(){
            $(this)
            .css('background-color','#4f5154')
            .siblings(".childDiv")
            .css('background-color','#9c9c9c');

            $("#conteudo2").show();
            $("#conteudo1").hide();
        });

你为什么要毫不拖延地隐藏和展示DIV？那没有道理，我没有投反对票。但你不应该只是发布代码。你应该解释原始代码的错误，以及你的答案是如何修复的。也许你是对的。这是：你在函数中同时显示和隐藏你的“conteudo”div。不是在注释中，而是把它放在答案中。在编辑时，修复缩进。你也可以创建一个堆栈代码段，这样我们就可以看到它的运行情况了。好吧，但我认为没有必要添加代码段，因为OP的代码是fiddle。。。