[英]toggle text without jquery
I want toggle my mail on click the icon.我想在单击图标时切换我的邮件。 But I want make without jquery.但我想制作没有 jquery。
You have a idea ?你有什么想法吗?
<a id="fa-envelope"><i class="fa fa-envelope" aria-hidden="true"></i></a>
<p>yolo@gmail.com</p>
If you're aiming for a completely JavaScript-free solution, you can use a hidden checkbox to achieve this.如果您的目标是完全无 JavaScript 的解决方案,您可以使用隐藏的复选框来实现这一点。
#togglebox { display: none; } #fa-envelope { cursor: pointer; } #togglebox + p { display: none; } #togglebox:checked + p { display: block; }
<link href="//fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet"/> <label for="togglebox" id="fa-envelope"><i class="fa fa-envelope" aria-hidden="true"></i></label> <input type="checkbox" id="togglebox"><p>yolo@gmail.com</p>
<a id="fa-envelope" onclick="toggle(e)"><i class="fa fa-envelope" aria-hidden="true"></i></a>
<p id="toggle_mail">yolo@gmail.com</p>
js js
function toggle(e) {
e.preventDefault();
document.getElementById("toggle_mail").innerHTML = "new email";
return false;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.