我尝试使用 jQuery 显示/隐藏常见问题解答。这个想法是列出所有问题，只有当用户想要查看答案时，他们才会单击问题（看起来像链接），然后答案就会变得可见。
它有点有效，只不过一旦单击答案就会恢复到其原始状态。在这种情况下，这意味着当我单击问题以显示答案时，它会显示出来，然后在下一瞬间消失，而不是保持可见，直到再次单击它以将其切换为隐藏。
我粘贴了下面的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js" ></script>
<script>
$(document).ready(function() {
$('div.showhide,#answer').hide();
$('#question').click(function(){
$('div.showhide,#answer').toggle();
});
});
</script>
</head>
<body>
<p><a href="" id="question" name="question">Question</a></p><div id="answer" name="answer">Answer</div></p>
</body>
</html>
我认为可能有问题<a href="">...如果您删除 href 属性（因为无论如何都不需要它（如果您想要适当的光标，请使用 CSS）），它将起作用，至少对我来说是这样 http://jsbin.com/uriko.
As <a href="">触发onClick事件并刷新页面，可以替换空白href属性与href="#" or href="javascript:void(0)运行 js 事件。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
