空的时候隐藏div - 好的div调用

时间:2011-11-14 15:40:12

标签: jquery html hide

我无法调用右div来隐藏。

下面是我的代码,如果li#spect1为空,我想隐藏#block1。 例如,如果我打电话,上面的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-->

修改

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

div#block1为空时,隐藏li元素#spect1

当我将#tab1代替#block1为空时,它有效,但我正在寻找一种方法来调用div#block1。这不起作用,我不知道为什么。

2 个答案:

答案 0 :(得分:2)

您还需要隐藏实际的块:

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

答案 1 :(得分:1)

隐藏tab1 div:

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