如何使用jQuery将div设置为可见？

Question

我有一个div作为页面的一部分，呈现如下：

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

在某个事件发生后，我想让这个div变得可见。

以下不起作用：

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

什么会起作用？

Answer 1

使用display:none;代替visibility:hidden;

示例

替换它：

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

用

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

Answer 2

你应该尝试这样的事情

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

或使用此功能为所有匹配的元素设置多个 CSS 属性：

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

Answer 3

show方法适用于display属性，而不适用于visibility属性。使用，.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');
});