如何隐藏html div

概述我正在 Ruby-On-Rails中开发一个小应用程序.我想隐藏html.erb文件中的div,直到单击链接.最简单的方法是什么？ 在你的html文件中： <a href="#" id="show_whatever">Show Whatever</a><div id="whatever" class="hidden">...</div> 在您的CSS文件中： div.hidden { displ 我正在 Ruby-On-Rails中开发一个小应用程序.我想隐藏HTML.erb文件中的div,直到单击链接.最简单的方法是什么？解决方法 在你的HTML文件中：

<a href="#" ID="show_whatever">Show Whatever</a><div ID="whatever" >...</div>

在您的CSS文件中：

div.hIDden { display: none; }

在包含的JavaScript文件中,或在< script>内标签：

$(function() {  $('a#show_whatever').click(function(event){    event.preventDefault();    $('div#whatever').toggle();  });});

隐藏的类隐藏了div. jquery函数列出了单击链接,然后阻止链接被跟踪(event.preventDefault()阻止它浏览到#)`,最后切换div的可见性.

请参阅click()和toggle()的jquery API.

总结

以上是内存溢出为你收集整理的如何隐藏html div全部内容，希望文章能够帮你解决如何隐藏html div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。