如何隐藏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.

原文地址：https://www.jb51.cc/html/225404.html