使用jQuery使div可见

时间:2015-04-17 08:59:56

标签: javascript jquery

在下面的代码中,我有一个div,我设置为false,我希望使用jQuery使其可见。如果我删除div中的可见false,我可以看到。请帮我这样做。

<div id="divmaterialconsumption" runat="server" visible="false"  ></div>

JavaScript的:

$('#<%=divmaterialconsumption.ClientID %>').show();

2 个答案:

答案 0 :(得分:4)

服务器控件上的

visible="false"(例如runat="server")会停止呈现它!

而是将其隐藏style="display:none"并删除visible="false"

然后jQuery的show()方法可以将样式更改为display: block

答案 1 :(得分:2)

按以下方式执行该程序:

<div id="divmaterialconsumption" style="display:none;"  ></div>

jQuery:

$(document).ready(function(){
  $('#but1').click(function(){  //assuming event taking by click of a btn
   $('#divmaterialconsumption').css('display','block');
 });
});

OR

 $('#divmaterialconsumption').show();

我希望能解决你的问题!