[Resuelto] -Dudas de novato(jQuery)

Avatar

Buenas tengo una duda que seguro para muchos de ustedes sera fácil de resolver pero que a mi me esta quebrando la cabeza debido a que soy muy novato en esto de programar. Como consigo que al hacer un segundo click en los botones no se aplique la clase active?

Avatar
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jQuery Events</title>
    <link rel="stylesheet" href="style.css">

</head>
<body>
    <h1>jQuery Events</h1>
    <p>Fundamentos, handlers, on(), off, delgación, triggering</p>
    <div class="target"></div>
    <div class="boxbuttons">
        <a class="buttonblue">Blue</a>
        <a class="buttonred">Red</a>
        <a class="buttongreen">Green</a>
        <a class="buttonplaceholder">Placeholder</a>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="script.js"></script>
</body>
</html>```
Avatar
  $('.target').removeClass('buttonblue buttonred buttongreen buttonplaceholder active')
    .addClass($(this).attr('class'));
    $(this).addClass('active');
    $(this).siblings().removeClass('active');
   })
Avatar

Debes usar toggle en lugar de addClass. No recuerdo como es en jQuery. Debe ser toggleClass seguramente.

Necesitas iniciar sesión para responder.