10 examples of 'angularjs show hide toggle' in JavaScript

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

109
public show(): void {
110
  if (!this.isExpanded) {
111
    this.collapsing = true;
112
    this.showBsCollapse.emit();
113
    this.isCollapse = false;
114
    this.isCollapsing = true;
115
116
    this.isExpanded = true;
117
    this.isCollapsed = false;
118
119
    const container = this._el.nativeElement;
120
121
    container.classList.remove('collapse');
122
    container.classList.add('collapsing');
123
124
    setTimeout(() => {
125
      this._renderer.setElementStyle(container, 'height', this.maxHeight + 'px');
126
    }, 10);
127
128
    setTimeout(() => {
129
      container.classList.remove('collapsing');
130
      container.classList.add('collapse');
131
      container.classList.add('show');
132
      this.shownBsCollapse.emit();
133
      this.collapsing = false;
134
    }, this.animationTime - (this.animationTime * 0.5));
135
    this.expanded.emit(this);
136
  }
137
}

161
function ngHide() {
162
	if (scope.ngHide === true) {
163
		doHide();
164
	} else if (scope.ngHide === false) {
165
		doShow();
166
	}
167
	$ionicScrollDelegate.resize();
168
}

48
destroy() {
49
    if (this.checkedSubscription) {
50
        this.checkedSubscription.unsubscribe();
51
    }
52
53
    $(this.el.nativeElement).bootstrapToggle('destroy');
54
}

66
@Input('fxShow')       set show(val) {  this._cacheInput('show', val);  }

44
show() {
45
  this._collapsing = true;
46
  this._collapse = true;
47
  setTimeout(() => {
48
    this._collapsing = false;
49
  }, 4);
50
  this.expanded.emit();
51
}

29
constructor(private el: ElementRef) {
30
    this.checkedSubscription = fromEvent($(this.el.nativeElement), 'change')
31
        .subscribe((e: any) => this.ngModelChange.emit(e.target.checked));
32
}

56
hide() {
57
  this._collapsing = true;
58
  this._collapse = false;
59
  setTimeout(() => {
60
    this._collapsing = false;
61
  }, 4);
62
  this.collapsed.emit();
63
}

76
disable() {
77
    $(this.el.nativeElement).bootstrapToggle('disable');
78
}

29
toggle() {
30
  this.isOpen = !this.isOpen;
31
  this.$timeout(() => {
32
    this.stateChanged();
33
  });
34
}