Quiero que los códigos css de la clase emergente blog1 cambien cuando se hace clic en la imagen. Sé cómo hacer esto con el desplazamiento, pero no sé cómo hacer que esta acción suceda haciendo clic.
El elemento que quiero usar como este botón;
<div class="row"> <div class="col-lg-4 col-md-6 sm-mb-35px"> <div class="blog-item"> <div class="img"> <img src="assets/img/blog-grid-1.jpg" alt=""></a> <a href="" class="date"> <span class="day">14</span> <span class="month">April</span></a> </div> <a href="" class="title padding-30px" style="margin-top: -1rem;">Fransa Geneline Islak Mendil İhracı</a> <p style="padding-left: 30px; padding-bottom: 20px; margin-top: -25px; line-height: 20px;">Tüm dünya ülkelerine yardımseverliği gösteren ülkemize..</p> </div> </div> <div class="blog1popup"></div>
Ejemplo de técnica de vuelo estacionario;
.blog-item:hover > .blog1popup{ opacity: 100%; }Puede agregar un evento de clic en la clase de elemento del blog, luego puede agregar clases a cualquier elemento o cambiar cualquier propiedad css usando métodos jquery.
P.ej.
$(".blog-item").on("click", function (e) { $(".blog1popup").css("opacity", "100%"); $(".blog1popup").addClass("any-class"); });