空时隐藏 div - 好的 div 调用

Question

我无法调用正确的 div 进行隐藏。

下面是我的代码，如果 #block1 为空，我想隐藏 li#spect1。 例如，如果我调用上面的 div #tab1 它将隐藏，但 #block1 不会。

有人可以帮我吗？

<script type="text/javascript"> 
$j(function() {
if ($j("div#block1").html() == "") {
$j("li#spect1").hide();}
});
</script>

<div class="content_container">
<ul class="tabs">
<li id="spect1"><a href="#tab1">Title of tab</a></li>
</ul>
<div class="tab_container">

<div id="tab1">
<div id="block1"></div><!--if div is empy = hide-->
</div>

</div><!--end tab_container-->
</div><!--end content_container-->

EDIT

$J 用于在 Magento 平台上调用 jQuery 或简单的 $ 。

当div#block1为空时，隐藏li元素#spect1。

当我将 #tab1 而不是 #block1 为空时，它会起作用，但我正在寻找一种调用 div#block1 的方法。这行不通，我不知道为什么。

Answer 1

您还需要隐藏实际的块：

<script type="text/javascript"> 
$j(function() {
  if ($j("div#block1").html() == "") {
    $j("div#block1").hide();
    $j("li#spect1").hide();
  }
});
</script>

Answer 2

也隐藏 tab1 div ：

<script type="text/javascript"> 
$j(function() {
if ($j("div#block1").html() == "") {
$j("li#spect1").hide();
$j("#tab1").hide();
}
});
</script>