我正在尝试使用 JQuery Accordion 代码实现以下目标：
- 确保在加载页面时不显示隐藏在手风琴内的内容（即短暂闪烁）。我只希望用户在展开手风琴时看到此内容，但在某些浏览器中我可以在页面加载时看到此内容。
- 如果用户禁用了 Javascript，则显示手风琴 H1 选项卡（例如 Accordion Test），但不会显示任何隐藏在其下方的内容。
举个例子，这是我试图模仿的事情：
http://www.outdoorgb.com/c/inflatable_boats_kayaks/
尝试单击“阅读更多”按钮，将显示更多信息。现在尝试禁用 Javascript。您会注意到单击该按钮不会执行任何操作，并且不会显示更多信息。您可能会说，发生这种情况并不是一件好事，因为 Google 可能不会抓取该内容等。但是，通过 Lynx 运行此 URL 似乎可以很好地读取内容。有人认为这可能是个问题吗？
无论如何，这是我希望适应的代码以满足我的上述观点：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Accordion Test</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://www.jqueryui.com/resources/demos/style.css" />
<script>
$(function() {
$( "#accordion" ).accordion({
collapsible: true,
active: false,
heightStyle: "content"
});
});
</script>
</head>
<body>
<div id="accordion">
<h1>Accordion Test</h1>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh.
Donec suscipit eros. Nam mi. Proin viverra leo ut odio.</p>
</div>
</div>
</body>
</html>
任何一位专家可以提供的任何帮助都将不胜感激。
提前谢谢了
乔恩
===============================================
更新
===============================================
感谢Pete 的帮助，我已经解决了第一个问题。如果禁用了javascript，任何人都知道如何解决隐藏内容的问题？当前代码如下所示：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Accordion Test</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://www.jqueryui.com/resources/demos/style.css" />
<script>
$(document).ready(function() {
$( "#accordion" ).accordion({
collapsible: true,
active: false,
heightStyle: "content"
});
$('#hideAccordion').show();
});
</script>
</head>
<body>
<script language="text/javascript"> document.write('<div id="hideAccordion" style="display:none">'); </script>
<div id="accordion">
<h1>Accordion Test</h1>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh.
Donec suscipit eros. Nam mi. Proin viverra leo ut odio.</p>
</div>
</div>
<script language="text/javascript"> document.write('</div>'); </script>
</body>
</html>