<分区>
标签 javascript css
<分区>
Possible Duplicate:
JS/jQuery (Hide div, show div on click)
我是网络开发的新手，想知道隐藏元素的最佳方式是什么。我正在创建一个笔记应用程序，并希望有一个简单的“添加笔记”html 表单，当您单击一个按钮时它会展开。我会使用 CSS 还是 Javascript 来实现？
例如
Add Note
点击后会展开成这样的html格式
Note Title: <form>
Note Body: <form>
谢谢!
最佳答案
有多种隐藏元素的方法。您可以将 display 属性设置为 hidden，也可以使用 java 脚本隐藏它。下面给出了使用 jQuery 的解决方案。
HTML
<a href="#" class="clickme" > Add Note</a>
<div id="addNote">
<!-- Your form goes here -->
</div>
您将注释表单放入 ID 为 addNote 的 div 中。而这个的 javascript 是
$(document).ready(function() {
$('#addNote').hide();
$('.clickme').click(function() {
$('#addNote').show();
$('.clickme').hide();
return false;
});
});
当页面加载时，首先 addNote div 被这个 $('#addNote').hide(); 隐藏，当任何人点击链接时类 clickme 显示具有表单的 div，并隐藏 clickme 按钮。
你可以给$('#addNote').show() 添加过渡效果
关于javascript - 显示隐藏内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8633246/