Java Script change AddClass after click

Question

with this code read "pnotify-no-title" and after click show Check Text with bg-primary Class; now i need after one click show Check text with bg-primary and after next click show check2 text with bg-primary2 class and again after next click show check text with bg-primary class

  $('#pnotify-no-title').on('click', function () {
    new PNotify({
        text: 'Check',
        addclass: 'bg-primary'

    });
});

score 0 · Answer 1 · edited May 23 '17 at 12:23

0

Try this:

$('#pnotify-no-title').click(function() {
  var clicks = $(this).data('clicks');
  if (clicks) {
    new PNotify({
        text: 'Check',
        addclass: 'bg-primary'

    });
  } else {
    new PNotify({
        text: 'Check',
        addclass: 'bg-primary2'

    });
  }
  $(this).data("clicks", !clicks);
});

Main Topic

JSFiddle

edited May 23 '17 at 12:23

Community

1
1

answered Mar 01 '16 at 13:03

Pedram

14,199
8
38
69

this is exactly what you wanted, odd and even click, what you have expect? @SaeEdx , anyway, it doesn't matter anymore, you got you answer. – Pedram Mar 02 '16 at 06:14

score 0 · Answer 2 · answered Mar 01 '16 at 13:09

0

use jquery toggleClass function.. http://www.w3schools.com/jquery/html_toggleclass.asp

answered Mar 01 '16 at 13:09

Asad

2,760
7
18
56

score 0 · Accepted Answer · answered Mar 01 '16 at 13:45

I believe you need to record alternate clicks. One easy way is to add a class to the object to record which click it is

  $('#pnotify-no-title').on('click', function () {
    var $this = $(this);
    new PNotify({
        text: $this.hasClass('odd-click') ? 'Check2' : 'Check',
        addclass: $this.hasClass('odd-click') ? 'bg-primary2' : 'bg-primary'

    });

    $this.toggleClass('odd-click');
});

Java Script change AddClass after click

3 Answers3