1

estoy utilizando pseudo elemento en CSS

.menu-item-has-children::after{
    content: '+';
}

Y lo que deseo hacer es por medo de JQUERY es hacer que el signo + dentro del content gire

$('.menu-item-has-children::after').css({
    -ms-transform: rotate(45deg);
     transform: rotate(45deg);
})

He investigado un poco y lo que encuentro por internet es que los pseudo elementos Jquery no los reconoce. ¿Como puedo hacer para lograr que pueda girar el signo de + ?

1 respuesta 1

1

Podrías aplicar la rotacion como parte del css.

Notar el display: inline-block;. Por defecto ::after es inline y como como tal no se puede transformar

$(".item").click(function(){
  $(this).toggleClass("rotated");
});
.item::after {
  display: inline-block;
  content: '+';
}
.item.rotated::after {
  transform: rotate(45deg)
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul>
  <li class="item">item</li>
</ul>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.