Tengo el siguiente código que me permite revelar una dirección de correo electrónico al hacer clic. El problema es que quiero que Mostrar correo electrónico desaparezca cuando hago clic en él y solo devuelvo la dirección de correo electrónico.
¿Puedes ayudarme?
¡Gracias!
function SEmail() { var x = document.getElementById('email'); if (x.style.display == 'none') { x.style.display = 'block'; } } <p class="email"> <?php _e('E-mail:', 'theme') ?> <span onclick="SEmail()"><a href="#">Show E-mail</a></span> <span id="email" style="display:none"><a href="mailto:<?php echo contact_email(); ?>">Email link</a></span> </p>Lo resolvió con lo siguiente, dando la identificación del texto al texto del marcador de posición:
<script> function SEmail() { var x = document.getElementById('email'); x.style.display = 'block'; var y = document.getElementById('text'); y.style.display = 'none'; } </script> <p class="email"> <?php _e('E-mail:', 'theme') ?> <span id="text" onclick="SEmail()"><a href="#">Show E-mail</a></span> <span id="email" style="display:none"><a href="mailto:<?php echo contact_email(); ?>">Email link</a></span> </p>Gracias por la ayuda @ChrisG y @isherwood
Simplemente agregue otra función para ocultarla al hacer clic
prueba esto
HTML:
<p class="email"> <?php _e('E-mail:', 'theme') ?> <span onclick="SEmail()"><a href="#">Show E-mail</a></span> <span onclick="HideEmail()" id="email" style="display:none"><a href="mailto:<?php echo contact_email(); ?>">Email link</a></span> </p>JavaScript
function SEmail() { var x = document.getElementById('email'); if (x.style.display == 'none') { x.style.display = 'block'; } else { x.style.display = 'none'; } } function HideEmail() { var x = document.getElementById('email'); x.style.display = 'none'; }