10 examples of 'toggle button javascript' in JavaScript

92
function toggle(button) {
93
  var open = $("div.sidebar-item-selected");
94
95
  if (open.length === 0) {
96
    page.openPanel(button, true);
97
    return;
98
  }
99
100
  if (open.attr("id") == button.attr("id")) {
101
    // Same button clicked
102
    page.closePanel(open, true);
103
  } else {
104
    // Different button clicked
105
    page.closePanel(open, false);
106
    page.openPanel(button, false);
107
  }
108
}

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
}

437
function toggleAll(button) {
438
  var toggles = button.parentNode.parentNode.querySelectorAll('toggle-icon');
439
  for (i = 0; i < toggles.length; i++) {
440
    setToggleTimeout(toggles, i);
441
  }
442
}

8
function toggle(_btn, _div) {
9
	var elem = document.getElementById(_div);
10
	
11
	if(elem.style.display === 'none') {
12
		elem.style.display = 'block'
13
		_btn.innerHTML = "-";
14
	}
15
	else {
16
		elem.style.display = 'none'
17
		_btn.innerHTML = "+";
18
	}
19
}

10
function toggle(toggleId)
11
{
12
    var toggle = document.getElementById ? document.getElementById(toggleId) : document.all[toggleId];
13
    toggle.textContent = toggle.innerHTML == '\u25b6' ? '\u25bc' : '\u25b6';
14
}

75
toggle() {
76
    this.$.toggle.toggle();
77
}

45
function toggle() {
46
	var list = document.getElementsByClassName("gwt-TextArea");
47
	var button = document.getElementById("hide-console");
48
	var console = list[0];
49
	if (console.style.display == "block") {
50
		console.style.display = "none";
51
		console.scrollTop = 99999;
52
		button.innerHTML = "show console";
53
	} else {
54
		console.style.display = "block";
55
		console.scrollTop = 99999;
56
		button.innerHTML = "hide console";
57
	}
58
}

37
function toggle()
38
{
39
    let list = document.getElementById("dicts");
40
    let index = list.selectedIndex;
41
    if(index == -1)
42
        return;
43
    if(list[index].className == "disabled")
44
    {
45
        list[index].className = "";
46
    }
47
    else
48
    {
49
        list[index].className = "disabled";
50
    }
51
    dicts[index].enabled = !dicts[index].enabled;
52
    
53
    save_dicts();
54
}

1029
function toggle(id, $link) {
1030
  $node = document.getElementById(id);
1031
  if (!$node)
1032
  return;
1033
  if (!$node.style.display || $node.style.display == 'none') {
1034
  $node.style.display = 'block';
1035
  $link.innerHTML = 'Hide source ≢';
1036
  } else {
1037
  $node.style.display = 'none';
1038
  $link.innerHTML = 'Show source ≡';
1039
  }
1040
}

20
function toggle(it){
21
  var e = document.getElementById(it);
22
  var s = e.style.visibility;
23
  var vis = (s == "hidden") ? "visible" : "hidden";
24
  document.getElementById(it).style.visibility = vis;
25
}