我如何使用jQuery將div設置爲可見？

Question

我有一個div作爲呈現這樣的頁面的一部分：

<div id="productdiv" style="visibility:hidden;"> 

在一個特定的事件，我想這個div變得可見。

下不起作用：

$("#productdiv").show(); 

什麼工作？代替

Answer 1

你應該嘗試這樣

$("#productdiv").css("visibility","visible"); 

或使用該工具爲所有匹配元素設置多個CSS屬性：

$("#productdiv").css({"visibility":"visible","font-size":"50px"}); 

Answer 2

使用display:none;visibility:hidden;

例

替換此：

<div id="productdiv" style="visibility:hidden;"> 

隨着

<div id="productdiv" style="display:none;"> 

Answer 3

展示方法適用於顯示prope rty，而不是可見性屬性。使用，.css('visibility', 'visible') ...

Answer 4

show函數設置display css屬性。改爲使用$("#productdiv").css("visibility", "visible");。

Answer 5

$('div#productdiv:hidden').show(); 

Answer 6

$('.asdf').click(function(){ 
    $("#productDiv").css('visibility','visible'); 
});