试图使这个简短 - 我有一个左/右面板应用程序,其中左面板是一个树列表,单击树列表会从加载到文字控件的 db 生成一些 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 但 div 在加载时未隐藏的 Html 我还尝试在 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>