https://jsfiddle.net/x5ue890v/1/
Tengo algunos íconos adhesivos en mi sitio de Wordpress, pero ¿cómo los escondo en función de un "clic" en la pantalla? El enlace anterior te muestra lo que quiero lograr.
Añado:
html,body{ width:100%; height:100%; }a mi tema CSS y:
function social_effect() { ?> <script> $('body').click(function() { $('.ct-socials').toggle();}); </script> <?php } add_action('wp_head','social_effect');a mi tema "function.php" pero no funciona... ¿Alguna solución?
<div class="ct-socials std-tab-slide">My Social Icon</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.js"></script>Simplemente agregue esta línea de JavaScript antes de la función
Aquí prueba esto. No tengo todo tu código, pero esto debería funcionar. Agregue toda su biblioteca de scripts dentro de la cabeza o encima de sus funciones. Hágamelo saber
$(document).ready(function(){ $('body').click(function() { $('.ct-socials').toggle(); }); }); .ct-socials { width:300px; height:200px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <body> <button>Click ME </button> <div class="ct-socials std-tab-slide"> <div>My Social Icon</div> <div>My Social Icon</div> </div> </body>