Я хочу переключить свою почту, щелкнув значок. Но я хочу сделать без jquery.Переключить текст без jquery
У вас есть идея?
<a id="fa-envelope"><i class="fa fa-envelope" aria-hidden="true"></i></a>
<p>[email protected]</p>
Если вы стремитесь к совершенно 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>[email protected]</p><a id="fa-envelope" onclick="toggle(e)"><i class="fa fa-envelope" aria-hidden="true"></i></a>
<p id="toggle_mail">[email protected]</p>
JS
function toggle(e) {
e.preventDefault();
document.getElementById("toggle_mail").innerHTML = "new email";
return false;
}
который почты ????? что вы подразумеваете под переключением в этом случае ??? –
Вы говорите, что после нажатия значка font-size, который вы хотите, чтобы адрес электронной почты в абзаце переключался между скрытием и отображением? Если да, то что вы пробовали? – j08691
Что вы пробовали? Вы хотите полностью javascript-бесплатное решение, или это может быть vanilla JS без jQuery? – Connum