当前位置: 首页 > 知识库问答 >
问题:

当锚点处于活动状态时,如何显示div?

莫英卓
2023-03-14

我正在寻找一种方法,显示一个div时,一个锚点被点击。我在我的页面上有一个HTML5/PHP表单,当提交时,它会将用户带着一条谢谢消息带到div中放置的锚,这是激活该链接的唯一方法。这是我试图显示的div:

<div style="display:none">
  <span id="thankyou"></span>
  <p>Than you for your message. I will be in touch soon.</p>
</div>

当锚点处于活动状态时,是否有一种方法可以改变(可能使用CSS)显示:none?

共有2个答案

芮朗
2023-03-14
<a href="javascript:void(0);" onclick="document.getElementById('dividhere').style.display='';">Show/Hide</a>

应该管用

李新霁
2023-03-14

您可以尝试使用JavaScript隐藏和显示元素。这里有一个参考示例的链接http://css-tricks.com/snippets/javascript/showhide-element/

您还可以使用jQuery.hide().show()

 类似资料:
  • 问题内容: 从MDN for NodeList: 在某些情况下,NodeList是一个实时集合,这意味着DOM中的更改会反映在集合中。例如,Node.childNodes处于活动状态: 在其他情况下,NodeList是静态集合,这意味着DOM中的任何后续更改都不会影响集合的内容。document.querySelectorAll返回一个静态NodeList。 所以....有点烦!是否有任何关于哪些

  • 在引导导航栏中,当导航链接各自的下拉菜单被打开或下拉菜单链接被悬停时,如何使导航链接激活(只需改变导航链接的bg颜色)?我尝试了以下代码 null null

  • 这里是初学者。因此,对于我的类我在CSS中将顺序设置为-1,使其成为顶部的div。它正确地删除了类,但我假设前一个active的顺序仍然是-1 基本上我有:div1 div2 div3 div4 div5,如果用户点击其中一个,结果应该是div4 div1 div2 div3 div5 再次单击应该得到div2 div1 div3 div4 div5,但我得到的是div4 div2 div1 di

  • 问题内容: 我目前正在使用Laravel应用程序,为了防止垃圾邮件,我决定只有活跃的用户才能登录。我目前正在使用Laravel的登录系统,就像Laravel的官方网站教程中一样,这是我的表单操作: 这完全可以正常工作,但是我想检查用户的活动状态,如果不活动,它将被重定向到激活页面,否则它将登录。有没有简单的方法可以执行此操作,或者我有义务制造新的控制器,路由和进行更多验证?谢谢。 编辑:忘记提及我

  • 我正在Android上使用Firebase云消息。 当应用程序位于前台时,我可以成功接收通知和数据消息 文档说明,如果在应用程序处于后台时收到通知消息,则Firebase将代表应用程序向系统托盘发送通知。这对我不起作用 如果发送了数据消息且应用程序位于后台,则会成功调用onMessageReceived方法 最麻烦的情况是,我强制停止应用程序,然后尝试发送通知或数据消息。在这种情况下,不会调用on