10 examples of 'angular toggle class onclick' in JavaScript

10
toggle() {
11
  this.element.find('.toggle-content').toggleClass('is-visible');
12
}

40
public toggle(button: MToggleButton): void {
41
    this.$emit('change', this.buttons.map(b => b.id !== button.id ?
42
        this.multiple ? b : { ...b, pressed: false } :
43
        { ...b, pressed: !b.pressed }
44
    ));
45
46
    this.onClick({ ...button, pressed: !button.pressed });
47
}

25
static toggle () {
26
    const $container = $(this).closest('.js-toggle-container');
27
    const $content = $container.find('.js-toggle-content');
28
    if ($content.hasClass('display-none')) {
29
        ToggleElement.show($container);
30
    } else {
31
        ToggleElement.hide($container);
32
    }
33
}

1
function onClickToggleElement() {
2
    var $el = $(this),
3
        $showTarget = $($el.data('show')),
4
        $hideTarget = $($el.data('hide')),
5
        timeout = $el.data('timeout') || 0;
6
7
    setTimeout(
8
        function toggleHiddenClass() {
9
            $showTarget.removeClass('hidden');
10
            $hideTarget.addClass('hidden');
11
        },
12
        timeout
13
    );
14
}

13
click() {
14
  this.sidebar.toggle();
15
}

16
private static toggleClass(elem: any, elementClassName: string): void {
17
  let newClass: string = ' ' + elem.className.replace(/[\t\r\n]/g, ' ') + ' '
18
  if (SidebarToggleDirective.hasClass(elem, elementClassName)) {
19
    while (newClass.indexOf(' ' + elementClassName + ' ') >= 0) {
20
      newClass = newClass.replace(' ' + elementClassName + ' ', ' ')
21
    }
22
    elem.className = newClass.replace(/^\s+|\s+$/g, '')
23
  } else {
24
    elem.className += ' ' + elementClassName
25
  }
26
}

22
toggleOpen($event: any) {
23
  $event.preventDefault();
24
  const cssClass = this.bp ? `sidebar-${this.bp}-show` : sidebarCssClasses[0];
25
  this.classToggler.toggleClasses(cssClass, sidebarCssClasses);
26
}

75
scope.toggle = function toggle() {
76
  if(!scope.disabled) {
77
    scope.model = !scope.model;
78
    ngModelCtrl.$setViewValue(scope.model);
79
  }
80
};

16
toggleOpen($event) {
17
    $event.preventDefault();
18
    const cssClass = this.bp ? `sidebar-${this.bp}-show` : sidebarCssClasses[0];
19
    this.classToggler.toggleClasses(cssClass, sidebarCssClasses);
20
}

58
toggle() {
59
    let on = !this.props.data.on;
60
61
    this.props.onToggle(() => {
62
        this.props.data.on = on;
63
        this.forceUpdate();
64
    });
65
66
    SH_event.emit('toggle_host', on);
67
}