爲什麼文本內容顯示在隱藏格

Question

我試圖隱藏重疊的<div>，但是這個<div>裏面的文字總是顯示。 我使用jQuery來隱藏<div>這樣的... $('#divinfo').css(display,"none"); 這是我的jQuery代碼：

$(document).ready(function(){ 

     $('#divfoto').addClass('clasefoto'); 
     $('#divinfo').addClass('claseinfo'); 
     $('#divinfo').css(display,"none"); 

     onClick(); 

    }); 

html代碼...

<table> 
    <tr> 
     <td> 
      <div id="divfoto"> 
       <p>WORD1</p> 
       <div id="divinfo" > 
        <p>WORD2</p> 
       </div> 
      </div> 
      </td> 
    </tr> 
</table> 

，這是CSS代碼。 ..

.clasefoto{ 

background-color:#0000FF; 
position: relative; 
height: 200px; 
width: 200px; 
border:5px solid #FF00FF; 

}

.claseinfo{ 
background-color: #FFFF00; 
position: absolute; 
top: 30px; 
left: 0px; 
width: 100%; 
height: 0%; 

}

和圖片，請幫幫我！

Answer 1

你缺少你的jQuery的CSS引號（）：

$('#divinfo').css("display","none"); 

然而，這將是更好的做法，首先設置顯示：沒有在CSS中，而不是jQuery的。

#divinfo {display:none;}會在屏幕上渲染速度比$ ('#divinfo').css('display','none');

希望這有助於！

Answer 2

使用

$('#divinfo').hide(); 

，而不是

$('#divinfo').css(display,"none");