如何隐藏html div

前端之家收集整理的这篇文章主要介绍了如何隐藏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 { 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相关文章