[英]want to show or hide section of html page when it loads be default based on text box check option on top of the page
我有一个html,其中有一大堆由显示隐藏按钮控制的文本(例如,此代码段为para)。 现在,我想在此之上添加其他控制层。 我希望在加载html页面时在其顶部具有一个文本框,以便根据文本框的选中取消选择来默认隐藏或显示para。
这是我的代码段
print $indexfd
qq~<div id="div_$var3">\n~, # Add a div around the $key-elements
qq~<input onclick="showit('$var3')" type="button" id="btn_show_$var3" value="showit">\n~,
qq~<input onclick="hideit('$var3')" type="button" id="btn_show_$var3" value="hideit"><br/>\n~,
qq~<ol id="$var3" style="display: none"><li><b>$var3->{name} \: $var3->{value}</b></li></ol>\n~,
qq~</div>\n~;
这不是Perl可以为您做的。 您将需要使用JavaScript进行操作。 看看jQuery lib的功能toggle()
。 那应该做你想要的。 添加您的段落并添加某种按钮或其他。 然后在该按钮上添加一个click
程序以toggle
该段落。
以下是文档摘录:
我们可以设置任何元素的动画,例如简单的图像:
<div id="clickme"> Click here </div> <img id="book" src="book.png" alt="" width="100" height="123" />
当另一个元素被点击时,我们将导致.toggle()被调用:
$('#clickme').click(function() { $('#book').toggle('slow', function() { // Animation complete. }); });
不要忘记将jQuery文件加载到 HTML文档的<head>
部分中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.