Question

试图缩短这一点 - 我有一个左/右面板应用程序，其中左侧面板是一个树状列表，点击树形图表会从一个加载到文字控件中的数据库中生成一些html。这一切都很好，但我想在html中创建一些按钮和div，并有按钮切换div。实际上按钮的div切换工作，但我无法在启动时隐藏div。我可以使用jquery将此代码作为独立的html页面工作，但是当我尝试将此功能添加到我的asp.net应用程序中时，我无法在启动时将div隐藏起来

母版页

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"     type="text/javascript"></script>

客户页面

<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
$('.hideLoad').hide();
});

$(function(){
$('.toggle').click(function(e){
e.preventDefault();
$('#' + $(this).data("target")).toggle(400);
});
});//]]>

</script>

我为构建文本字符串并放入Literal的Divs的Html但是在加载时没有隐藏div我也尝试在div之后编写Hide函数并且不起作用

<div > <button class="toggle" data-target="hideDetailsCode3131Div" style="background-color:transparent;"> XXXX </button>  xxxx Text </div>

<div id="hideDetailsCode3131Div" class ="hideLoad" style="border:1px solid red; width:300px; height:100px;">

<button id="hideDetails1"  title="" class="toggle" data-target="hideDetails1Div">show box 1</button>
<button id="hideDetails2" title="" class="toggle" data-target="hideDetails2Div">show box 2</button>
<button id="hideDetails3" title="" class="toggle" data-target="hideDetails3Div">show box 3</button>
</div>

<div id="hideDetails1Div" class ="hideLoad" style="border:1px solid red; width:300px; height:100px;">
<h2>box 1</h2>
</div>
<div id="hideDetails2Div" class ="hideLoad" style="border:1px solid red; width:300px; height:100px; clear:both">
<h2>Box 2</h2>
</div>
<div id="hideDetails3Div" class ="hideLoad" style="border:1px solid red; width:300px; height:100px; clear:both">
<h2>Box 3</h2>
</div>

Answer 1

将第二个CSS类添加到要隐藏“starthidden”的div中。将其定义为display：none - 然后在开始播放时删除starthidden类。

Answer 2

你不能只将display:none添加到：

<div id="hideDetailsCode3131Div" class ="hideLoad" style="border:1px solid red; width:300px; height:100px;">

jQuery hide()正是这样做的。看here。

隐藏Asp.Net页面中的Html Div

2 个答案: