Javascript 要在加载html页面时显示或隐藏该页面的部分，请在页面顶部选择“基于文本框默认设置”复选框选项

我有一个html，其中有一堆文本，由一个show hide按钮控制（假设这个代码片段是para）。现在我想在上面添加额外的控制层。我想有一个文本框的html页面顶部加载时，有一个选项隐藏或显示默认的基础上取消选中文本框的段落

这是我的密码

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~;

打印$indexfd
qq~\n~，#在$key元素周围添加一个div
qq~\n~，
qq~
\n~，
qq~
$var3->{name}\：$var3->{value}
\n~，
qq~\n~；

这不是Perl可以为您做的事情。您需要使用JavaScript来完成这项工作。看看lib的函数。那应该是你想要的。加上你的段落，加上一些按钮之类的东西。然后添加一个

点击该按钮的
-handler以
切换该段落

以下是文档的摘录：

我们可以设置任何元素的动画，例如简单图像：

<div id="clickme">
  Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />

不要忘了在HTML文档的
部分中输入答案。
此外，这与您尚未接受答案的情况非常相似。如果你想让其他人这样做，请这样做。谢谢。我会尝试一下，让你知道。但我仍然不知道如何接受答案。
$('#clickme').click(function() {
  $('#book').toggle('slow', function() {
    // Animation complete.
  });
});