Javascript .显示元素和.隐藏元素

我有一个问题：

• 我有6个“外部”分区，每个分区内部都有一个img标签
• 在每6个div之后是另一个div，每个div的内容为6个div

我想在单击一个“外部”div时隐藏所有外部div并显示下一个div内容

这就是函数。它在哪里工作

但在测试站点上只隐藏.outerDiv不显示next.innerDiv

$(function() {
    $(".outerDiv").click(function() {
        $(".outerDiv").hide();
        $(".innerDiv").hide();
        $(this).next("div").show();
    });
    $(".innerDiv").click(function() {
        $(".outerDiv").show();
        $(".innerDiv").hide();
    });
});

真正的html代码如下

<div class="block outerDiv"><a href="#"><img src="images/placeholder.jpg" width="165" height="74" alt="Temp" /></a></div>
     <div class="container innerDiv" style="display:none;">

我想问题还在。下一步，我尝试了不同的选择，但没有任何效果

如果我没有在innerDiv中设置显示，它可以工作…

试试这个

$(function() {
$(".outerDiv").click(function() {
    $(".outerDiv").hide();
    $(".innerDiv").hide();
    $(this).next("div").show().css('display', 'block');
});
$(".innerDiv").click(function() {
    $(".outerDiv").show();
    $(".innerDiv").hide();
});

---

}))

我要检查的第一件事是JQuery是否正在加载？它似乎也适用于您的最终代码；它与您的代码类似吗？jQuery加载正确。是与此代码类似。这是网站的地址。div在#expositors部分下，仅隐藏outerDiv不显示innerDiv。这是网站的地址。这些部门在#说明部分